今天碰到一个问题,关于 Javascript 绑定事件的
一开始我使用 $(".target").click(); 这种方式绑定 onclick 事件到一个 <a> 标签,执行onclick 的函数之后,会更新包括该 <a> 标签在内的一些 HTML 代码。之后在单击 <a> 标签,onclick 事件失效了。
经过一番实验,发现是事件绑定失效了。
之后使用 <a onclick="func();"> 这种方式,可以了。
Javascript 一共有几种绑定事件的方式呢,它们各有哪些异同?
Javascript的事件绑定主要有四种方法(一下在IE中运行正常,但不保证其他浏览器):
[注:onXXX为某一事件,fun为某一function,domId为某一DOM对象id,event类型见后边附录。]
1、在DOM中,直接用onXXX="fun();"进行绑定
2、在Javascript代码中用 DOM对象.onXXX=fun 进行绑定
3、用 DOM对象.attachEvent("onXXX",fun) 进行绑定
4、用 <script for="domId" event="onXXX" >fun();</script> 进行绑定
(完)
本文作者: chenishr
本文标题:《Javascript 的几种绑定事件的方式》
本文地址: http://blog.chenishr.com/?p=203
©版权所有,除非注明, 永在路上文章均为原创,转载请以链接形式注明出处和作者细信息。
已阅
多多指教
一起交流学习
不敢不敢