javascript之事件监听
2017-07-20 15:37
204 查看
addEventListener是一个监听事件并处理相应的函数。 不啰嗦,直接上代码,如: js部分 <script>
window.onload = function(){
var input = document.getElementsByTagName("input")[0];
if(input.addEventListener){
// 兼容主流浏览器,IE8及以下不支持
input.addEventListener("click",function(){
alert("按钮被点击了!")
},false) // 指定事件是否在捕获或冒泡阶段执行,false表示冒泡,true表示捕获,默认为冒泡
}else if(input.attachEvent){
// 兼容IE8及以下
input.attachEvent("onclick",function(){
alert("按钮被点击了!")
})
}
}
</script> body部分: <body>
<input type="button" value="按钮" />
</body> 注意: addEventListener()方法,有3个参数。第一个参数是说明监听的事件类型(如:click,注意不要前缀on),第二个参数是事件执行的函数或方法,第三个参数则指定事件是否在捕获或冒泡阶段执行,false表示冒泡,true表示捕获,默认为冒泡。该方法对于IE8及以下浏览器不支持。 attachEvent()方法,有2个参数。第一个参数是说明监听的事件类型(如:onclick,注意要前缀on),第二个参数是事件执行的函数或方法。支持IE8及以下版本浏览器
window.onload = function(){
var input = document.getElementsByTagName("input")[0];
if(input.addEventListener){
// 兼容主流浏览器,IE8及以下不支持
input.addEventListener("click",function(){
alert("按钮被点击了!")
},false) // 指定事件是否在捕获或冒泡阶段执行,false表示冒泡,true表示捕获,默认为冒泡
}else if(input.attachEvent){
// 兼容IE8及以下
input.attachEvent("onclick",function(){
alert("按钮被点击了!")
})
}
}
</script> body部分: <body>
<input type="button" value="按钮" />
</body> 注意: addEventListener()方法,有3个参数。第一个参数是说明监听的事件类型(如:click,注意不要前缀on),第二个参数是事件执行的函数或方法,第三个参数则指定事件是否在捕获或冒泡阶段执行,false表示冒泡,true表示捕获,默认为冒泡。该方法对于IE8及以下浏览器不支持。 attachEvent()方法,有2个参数。第一个参数是说明监听的事件类型(如:onclick,注意要前缀on),第二个参数是事件执行的函数或方法。支持IE8及以下版本浏览器
相关文章推荐
- javascript 原生方法监听DOM结构改变事件
- 多个onclick在一起只执行最后一个的问题解,其它是事件处理引发的问题 (JavaScript的监听事件函数attachEvent和addEventListener)
- JavaScript:事件绑定与监听
- JavaScript监听input等表单输入框的变化事件oninput
- javascript事件监听
- JavaScript实现监听移动端上下左右滑动事件
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- javascript监听键盘事件
- 在Javascript中监听flash事件(转)
- Javascript事件监听
- javascript事件监听中传递匿名函数(嵌套定义的命名函数)与命名函数的区别
- javascript监听键盘事件的解释
- 书:"Pro JavaScript Techniques 精通JavaScript"之绑定/移除事件监听函数
- 好好学一遍JavaScript 笔记(九)――事件处理函数/监听函数/事件对象
- JavaScript事件绑定和事件监听的区别
- javascript事件监听与事件委托
- javascript监听鼠标滚轮事件浅析
- 关于如何使用javascript监听滚动条滚动事件
- javascript事件触发、监听和其游览器兼容问题