attachEvent时间监听方式

eventTarget.attachEvent(eventNameWithon,callback)

eventTarget.attachEvent(eventNameWithon,callback)将指定的监听器注册到eventTarget(目标对象上)，当该对象出发指定的事件时，指定的回调函数就会被执行。

该方法接受两个参数：

eventNameWithon：事件类型字符串，比如onclick，onmouseover，这里要带on

callback：事件处理函数，当触发事件时触发函数被调用

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><button type="button">1.传统方式注册事件</button><button type="button">2.方法监听注册事件</button><script type="text/javascript">var btns = document.querySelectorAll('button');btns[0].onclick = function() {alert('hi');}btns[0].onclick = function() {alert('hao a u');}//2.方法监听注册事件  //1.里面的事件类型是字符串 必定加引号 且不带on//2.同一个元素 同一个事件可以添加多个监听器(事件处理程序)// btns[1].addEventListener('click', function() {//    alert(22);// })// btns[1].addEventListener('click', function() {//    alert(33);// })btns[2].attachEvent('onclick', function() {alert(11);})</script></body>
</html>

上述方法只在ie9以下生效，否则不显示。

注册事件兼容性解决方案：

function addEventListener(element, eventName, fn) {//判断当前浏览器是否支持addEventListener方法if(element.addEventListener) {element.addEventListener(eventName,fn);  //第三个参数默认false} else if(element.attachEvent) {element.attachEvent('on' + eventName, fn);} else {//相当于 element.onclick = fn;element['on' + eventName] = fn;}}

attachEvent时间监听方式相关推荐

jQuery中的四种事件监听方式
jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前,先来声明一个例子 ...
java 按钮监听_Button的四种监听方式
Button按钮设置点击的四种监听方式注:加粗放大的都是改变的代码 1.使用匿名内部类的形式进行设置使用匿名内部类的形式,直接将需要设置的onClickListener接口对象初始化,内部的onC ...
android datepicker 监听,Android编程之DatePicker和TimePicke简单时间监听用法分析
本文实例讲述了Android编程之DatePicker和TimePicke简单时间监听用法.分享给大家供大家参考,具体如下: DatePicker和TimePicker都是从FrameLayout派生 ...
android插件化-apkplug中以监听方式获取OSGI服务-09
2019独角兽企业重金招聘Python工程师标准>>> 我们提供 apkplug 下OSGI使用demo 源码托管地址为 http://git.oschina.net/plug/OS ...
addEventListener事件监听方式
eventTarget.addEventListener(type,listener[,useCapture]) eventTarget.addEventListener()方法将指定的监听器注册到e ...
addEventListener 事件监听方式
语法规范: evenTarget.addEventListener(type,listener[,useCapture]) eventTarget.addEventListener()方法将指定的监听 ...
基于网络监听方式的电子邮件实现基础
本文转自李晨光 51CTO博客,原文链接:http://blog.51cto.com/chenguang/526692,如需转载请自行联系原作者
前端学习（1746）：前端调试值之时间监听
android Button 监听的几种方式
android button控件目前主要有如下几种监听方式: 一个button控件对应一个监听: [java] view plaincopy Button buttontest; buttontest ...
Android Button监听的方式
Android Button的几种监听方式 1.一个Button对应一个监听 1)xml文件中绑定监听 <Buttonandroid:id="@+id/btn_test"an ...

attachEvent时间监听方式

attachEvent时间监听方式相关推荐

最新文章

热门文章