JavaScript 事件参考手册
程序员文章站
2024-03-24 19:28:58
...
事件注册
1、直接在html中写js代码
<input type=“button” οnclick=“alert(‘aaa’);”/>
2、定义一个函数赋值给html中元素的on_xxx_属性
<input type=“button” οnclick=“f1();”/>
3、通过javascript注册
document.getElementById(‘btn’).οnclick=f1;
document.getElementById(‘btn’).οnclick=function(){};
4、特殊事件onload
οnlοad=function(){};//在页面加载后再执行
事件监听
绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。
element.addEventListener( event, function, useCapture )
参数 | 介绍 |
---|---|
event | (必需)事件名,支持所有DOM事件 。 |
function | (必需)指定要事件触发时执行的函数。 |
useCapture | (可选)指定事件是否在捕获或冒泡阶段执行。true,捕获。false,冒泡。默认false。 |
例子:document.getElementById("btn1").addEventListener("click",hello)
//注:IE8以下不支持。
事件句柄
HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作(action),比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,这些属性可插入 HTML 标签来定义事件动作。
上一篇: axios、ajax和fetch区别