Javascript 的几种绑定事件的方式

今天碰到一个问题,关于 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

©版权所有,除非注明, 永在路上文章均为原创,转载请以链接形式注明出处和作者细信息。

4 thoughts on “Javascript 的几种绑定事件的方式”

发表评论

电子邮件地址不会被公开。 必填项已用*标注