程序员人生 网站导航

Jquery替换已存在于element上的event

栏目:jquery时间:2014-03-13 22:40:34
如何替换获去除那些已存在于某个element上的事件呢? 看下面code:

1: <head>
2: <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
3: <title>TestPage</title>
4: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
5: <script type="text/javascript">
6: $(document).ready(function() {
7: $("#btn1").unbind('click').removeAttr('onclick').click(function() {
8: alert('The method has invoked by Jquery.');
9: });
10: });
11: function foo()
12: {
13: alert('The method has invoked.');
14: }
15: </script>
16: </head>
17:
18: <body>
19: <input type="button" value="ClickMe" id="btn1" onclick="foo()" />
20: </body>
21:
22: </html>

用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:

unbind([type], [fn])
概述
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。

如果没有参数,则删除所有绑定的事件。

你可以将你用bind()注册的自定义事件取消绑定。

如果提供了事件类型作为参数,则只删除该类型的绑定事件。

如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。

参数
type (可选)String
事件类型

fn (可选)Function
要从每个匹配元素的事件中反绑定的事件处理函数

removeAttr(name)
概述
从每一个匹配的元素中删除一个属性

参数
nameString
要删除的属性名

简单的就是:

1: $("#someelement").unbind('eventname').removeAttr('event').click(function() {
2: //your new method.
3: });

希望对您有帮助。

Author:Petter Liu http://wintersun.cnblogs.com
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐