编程 Javascript

Jquery替换已存在于element上的event的方法

Posted in Javascript onMarch 09, 2010

看下面code:

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>TestPage</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("#btn1").unbind('click').removeAttr('onclick').click(function() { 
alert('The method has invoked by Jquery.'); 
}); 
}); 
function foo() 
{ 
alert('The method has invoked.'); 
} 
</script> 
</head> 
<body> 
<input type="button" value="ClickMe" id="btn1" onclick="foo()" /> 
</body> 
</html>

用的就是unbind,然后再removeAttr,最后再加上你的方法。来看下它们API document:
unbind([type], [fn])
概述
bind()的反向操作，从每一个匹配的元素中删除绑定的事件。
如果没有参数，则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
如果提供了事件类型作为参数，则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。
参数
type (可选)String
事件类型
fn (可选)Function
要从每个匹配元素的事件中反绑定的事件处理函数
removeAttr(name)
概述
从每一个匹配的元素中删除一个属性
参数
nameString
要删除的属性名
简单的就是:

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

希望对您有帮助。

Jquery替换已存在于element上的event的方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Span元素的width属性无效果原因及解决方案

Jan 15 Javascript

js Array对象的扩展函数代码

Apr 24 Javascript

JS+CSS实现的经典圆角下拉菜单效果代码

Oct 21 Javascript

jQuery轻松实现表格的隔行变色和点击行变色的实例代码

May 09 Javascript

jQuery插件 Jqplot图表实例

Jun 18 Javascript

jQuery基础_入门必看知识点

Jul 04 Javascript

Vue.directive自定义指令的使用详解

Mar 10 Javascript

微信小程序 MinUI组件库系列之badge徽章组件示例

Aug 20 Javascript

vue 登录滑动验证实现代码

Aug 24 Javascript

Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解

Aug 07 Javascript

layerui代码控制tab选项卡,添加,关闭的实例

Sep 04 Javascript

微信内置浏览器图片查看器的代码实例

Oct 08 Javascript

JQery jstree 大数据量问题解决方法

Mar 09 #Javascript

Javascript Math ceil()、floor()、round()三个函数的区别

Mar 09 #Javascript

js 无提示关闭浏览器页面的代码

Mar 09 #Javascript

JS 无法通过W3C验证的处理方法

Mar 09 #Javascript

extjs 的权限问题要求控制的对象是菜单，按钮，URL

Mar 09 #Javascript

javascript 简单抽屉效果的实现代码

Mar 09 #Javascript

Javascript常考语句107条收集

Mar 09 #Javascript