代码之家 › 专栏 › 技术社区 › hardfork

是否有一个类似于“onload”的事件监听器,用于Javascript中添加到DOM的新元素?

innerhtml listener javascript-events events javascript

hardfork · 技术社区 · 5 年前

Javascript是否提供了类似于onload的事件监听器,如果元素通过 innerHTML ?

<body onload="alert('hi');">...</body> . 但它只在加载整个站点时才起作用。。有没有可能通过 innerHTML = ... 会立即触发事件侦听器吗?

它应该是这样的,而且必须是这样的内联HTML侦听器:

elementxy.innerHTML = '<b onload="dosth()">....</b>'

1 回复 | 直到 5 年前

CertainPerformance 5 年前

这是一个 <img> 用一个 onerror src

const dosth = () => {
  console.log('dosth');
};

div.innerHTML = '<b>b content<img style="display: none;" onerror="this.remove(); dosth()" src="badsrc"></b>';

<div id="div"></div>

这就是为什么插入不可信的HTML是个坏主意的一个原因——即使在 innerHTML ,它允许执行任意代码。

推荐文章

Pikachu620 · 可以对事件列表进行排序吗?

2 年前

Daavee18 · 节点。未设置“数据”侦听器时,js http模块未关闭连接

2 年前

Ahsan Sajid · 我试图解决以下挑战,但在ADDEVENTLISTNER中仍停留在函数调用上。帮助我

2 年前

makerbaker · 取消选中框Javascript后重置输入值?

2 年前

sam_rox · 在Matlab ODE中使用事件内部的两个条件

6 年前

Santosh · javafx中的按键事件

6 年前

KarLito · 删除或切换Highcharts上的事件

6 年前

JWoods4 · 读取击键并放入文本框

6 年前

user7171623 · 具有匿名函数的事件侦听器(typeError,toggle undefined)

6 年前

Everett Kaser · 在事件处理程序中绘制到NSView

6 年前