javascript之事件监听
来源:互联网 发布:java 集成 数据重复 编辑:程序博客网 时间:2024/06/05 19:34
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及以下版本浏览器
- javascript之事件监听
- JavaScript之事件处理(监听)函数
- Javascript异步编程方法之---“事件监听”
- JavaScript之事件处理(监听)函数
- JavaScript之事件处理(监听)函数
- javascript监听键盘事件
- javascript监听键盘事件
- Javascript中的事件监听
- javascript 事件 监听
- Javascript事件监听
- Javascript事件监听
- javascript监听键盘事件
- Javascript事件监听
- javascript事件监听机制
- javascript事件监听
- Javascript事件监听【整理】
- javascript事件监听
- Javascript事件监听
- 蓝桥杯练习系统算法训练——动态数组的使用
- 【前后端分离】【API网关】【API gateway】
- 数组赋值
- EndNote如何关联Word
- #OSG+VS#03第一周
- javascript之事件监听
- oracle 开启关闭归档日志
- 基于ROS平台的移动机器人-7-使用Kinect2建图
- VMware Ubuntu虚拟机锁定文件失败,打不开磁盘
- SQL增删改查语句
- 事故,积累的东西都没存
- python threadpool
- 交叉编译tslib,遇到undefined reference to rpl_malloc错误解决办法
- Java Web(三) 会话机制,Cookie和Session详解