attachEvent方法绑定事件
2009-07-30 23:14
399 查看
最近刚忙完一个项目,利用空闲时间学习Javascript,基本上每个项目都会用到,一般在工程项目中我们把共同的脚本方法放到Script.js文件中,以便每个画面调用,正因为这样,一些方法都放在基类中,我们用的时候只需要调用就行了,以至于忽视了对基类代码的理解,如果要你写,不一定写的出来。其中就用到了attachEvent方法,我就去网上查了才恍然大悟,下面就把我的理解跟大家分享一下。
假如画面上有一个Button按钮,单击它执行function1()方法,我们可以这样写:
element.onclick=function1(){ }
但是我还想执行function2()方法,这时该怎么办呢?有人说我可以再这样写element.onclick=function2(){ },但是这样写会把刚才的代码function1()方法覆盖掉,这时就得要用attachEvent方法了,可以这样写:
element.attachEvent("click",function1())
element.attachEvent("click",function2()),这样就OK了。
其语法如下:element.attachEvent(eventName,eventHandler) 针对IE浏览器
element.addEventListener(eventName,eventHandler,useCapture) 与IE浏览器不同,Firefox浏览器提供2种事件模型,这是由addEventListener的useCapture参数决定的,当该参数为true时,即为捕获模式,当该参数为false时,为冒泡模式。今天就说到这,本人对javascript理解也不是很深,希望和大家一起讨论,共同提高,共同进步哦!!!
假如画面上有一个Button按钮,单击它执行function1()方法,我们可以这样写:
element.onclick=function1(){ }
但是我还想执行function2()方法,这时该怎么办呢?有人说我可以再这样写element.onclick=function2(){ },但是这样写会把刚才的代码function1()方法覆盖掉,这时就得要用attachEvent方法了,可以这样写:
element.attachEvent("click",function1())
element.attachEvent("click",function2()),这样就OK了。
其语法如下:element.attachEvent(eventName,eventHandler) 针对IE浏览器
element.addEventListener(eventName,eventHandler,useCapture) 与IE浏览器不同,Firefox浏览器提供2种事件模型,这是由addEventListener的useCapture参数决定的,当该参数为true时,即为捕获模式,当该参数为false时,为冒泡模式。今天就说到这,本人对javascript理解也不是很深,希望和大家一起讨论,共同提高,共同进步哦!!!
相关文章推荐
- jquery下onpropertychange事件的绑定方法
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jQuery 重复绑定事件的解决方法
- 处理jQuery append加入的元素 绑定事件无效的方法
- jquery利用命名空间移除绑定事件的方法
- jquery1.10给新增元素绑定事件的方法
- js绑定事件this指向发生改变的问题解决方法
- jQuery中的bind绑定事件与文本框改变事件的临时解决方法
- 解析jQuery的三种bind/One/Live事件绑定使用方法
- jQuery中的bind绑定事件与文本框改变事件的临时解决方法
- jQuery的on方法和bind绑定多个事件
- jQuery事件之on()方法绑定多个选择器,多个事件
- 使用jquery on()方法为动态生成的元素绑定事件
- JavaScript事件绑定的方法说明
- domload事件绑定方法
- jQuery中绑定事件的几种方法
- jquery中动态绑定事件的方法
- javascript中为某个对象(控件)绑定事件的几种方法
- Angularjs中使用指令绑定点击事件的方法
- jQuery 绑定事件到动态创建的元素上的方法实例