html事件监听函数,事件——监听函数
监听函数浏览器的事件模型，就是通过监听函数(listener)对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式(event-driven)的主要编程方式。JavaScript 有三种方法，可以为事件绑定监听函数。HTML 的 on- 属性HTML 语言允许在元素的属性中，直接定义某些事件的监听代码。上面代码为body节点的load事件、div节点的c
监听函数
浏览器的事件模型，就是通过监听函数(listener)对事件做出反应。事件发生后，浏览器监听到了这个事件，就会执行对应的监听函数。这是事件驱动编程模式(event-driven)的主要编程方式。
JavaScript 有三种方法，可以为事件绑定监听函数。
HTML 的 on- 属性
HTML 语言允许在元素的属性中，直接定义某些事件的监听代码。
上面代码为body节点的load事件、div节点的click事件，指定了监听代码。一旦事件发生，就会执行这段代码。
元素的事件监听属性，都是on加上事件名，比如onload就是on + load，表示load事件的监听代码。
注意，这些属性的值是将会执行的代码，而不是一个函数。
一旦指定的事件发生，on-属性的值是原样传入 JavaScript 引擎执行。因此如果要执行函数，不要忘记加上一对圆括号。
使用这个方法指定的监听代码，只会在冒泡阶段触发。
点击
上面代码中，是
直接设置on-属性，与通过元素节点的setAttribute方法设置on-属性，效果是一样的。
el.setAttribute('onclick', 'doSomething()');
// 等同于
//
欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)