js事件绑定 监听
2017-08-13 23:47
260 查看
事件绑定的三种方法
法一:直接在元素上绑定:
<input type=button value="点击我" onclick="click()">
法二:在js中绑定
document.getElementById(id).onclick=function(){alert('de');}
法三:使用事件监听绑定事件: //事件监听的优点:可以绑定多个事件。可以解除事件绑定
关于事件监听,W3C规范中定义了3个事件阶段,依次是捕获阶段、目标阶段、冒泡阶段。
用addEventListener()或者attachEvent()
W3C标准: element.addEventListener(event,function,userCaptrue);
event : (必需)事件名,如click,支持所有 DOM事件 。
function:(必需)指定要事件触发时执行的函数。
useCapture:(可选)指定事件是否在捕获或冒泡阶段执行。true,捕获。false,冒泡。默认false。
IE:element.attachEvent(event,function) //event事件名必须加on,如onclick,
法一:直接在元素上绑定:
<input type=button value="点击我" onclick="click()">
法二:在js中绑定
document.getElementById(id).onclick=function(){alert('de');}
法三:使用事件监听绑定事件: //事件监听的优点:可以绑定多个事件。可以解除事件绑定
关于事件监听,W3C规范中定义了3个事件阶段,依次是捕获阶段、目标阶段、冒泡阶段。
用addEventListener()或者attachEvent()
W3C标准: element.addEventListener(event,function,userCaptrue);
event : (必需)事件名,如click,支持所有 DOM事件 。
function:(必需)指定要事件触发时执行的函数。
useCapture:(可选)指定事件是否在捕获或冒泡阶段执行。true,捕获。false,冒泡。默认false。
IE:element.attachEvent(event,function) //event事件名必须加on,如onclick,
相关文章推荐
- js 绑定事件 处理机制 监听机制
- JS 中的事件绑定、事件监听、事件委托是什么?
- JS 事件绑定、事件监听、事件委托详细介绍
- js事件冒泡、事件绑定、事件监听、事件委托
- JS 事件绑定、事件监听、事件委托详细介绍
- JS 监听绑定和取消事件
- JS 中的事件绑定、事件监听与事件委托
- JS添加/绑定事件监听函数并传参数attachEvent和addEventListener兼容个浏览器
- js事件绑定、事件监听、事件委托
- JS事件机制:事件绑定、事件监听、事件委托(事件代理)
- JS 事件绑定、事件监听、事件委托详细介绍
- JS 事件绑定、事件监听、事件委托详细介绍
- js事件绑定/监听
- JS 中的事件绑定、事件监听、事件委托
- JS 事件绑定、事件监听、事件委托详细介绍
- JS 事件绑定、事件监听、事件委托详细介绍
- jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
- JS 事件绑定、事件监听、事件委托详细介绍
- JS监听手机端浏览器的后退按钮的事件方法
- 深入了解javascript事件 -事件绑定(事件处理函数/监听函数)