有个需求要求后端返回html，是否可以绑定事件？

Question

现在有个需求要求我用nestjs写一个接口，处理本地一个json文件处理成一个html页面返回给前端
，我想问比如返回的格式是这样，"text":'<style>.helloword{width:100px;}</style> <div class="helloword" (click)="handleclick()">你好</div>'
这样返回去的样式和点击事件是否能生效。如果不行该如何做？大佬们

Answer 1

1. 不能生效。
2. 你可以在节点插入 DOM 后，手动绑定
3. 如果你的事件处理函数都能暴露到全局，把 (click) 改成 onclick 也可以
4. 不过最推荐的是，不要直接插入 HTML，会很大的 XSS 风险。如果真要插入，可以把事件绑在父节点上，利用冒泡处理。

Answer 2

确实 我第一时间想到的跟楼上一样，将事件绑在父节点上，通过event.target来判断是否为目标元素的点击