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. 
});

希望对您有帮助。
Javascript 相关文章推荐
斜45度寻路实现函数
Aug 20 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
nodeType属性返回被选节点的节点类型介绍
Nov 22 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
JS实现页面打印(整体、局部)
Aug 18 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 Javascript
使用Vue实现一个树组件的示例
Nov 06 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
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
You might like
PHP+DBM的同学录程序(3)
2006/10/09 PHP
Session保存到数据库的php类分享
2011/10/24 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
Ext JS Grid在IE6 下宽度的问题解决方法
2009/02/15 Javascript
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
javascript实现的固定位置悬浮窗口实例
2015/04/30 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
vue货币过滤器的实现方法
2017/04/01 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
分享一款超好用的JavaScript 打包压缩工具
2020/04/26 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
python利用opencv保存、播放视频
2020/11/02 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
如何实现一个自定义类的序列化
2012/05/22 面试题
餐饮业会计岗位职责
2013/12/19 职场文书
公司离职证明范本
2014/10/17 职场文书
深入开展党的群众路线教育实践活动心得体会
2014/11/05 职场文书
2014年村计划生育工作总结
2014/11/14 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
PO模式在selenium自动化测试框架的优势
2022/03/20 Python
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS