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 相关文章推荐
js同比例缩放图片的小例子
Oct 30 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
深入理解javascript变量声明
Nov 20 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
JS运动基础框架实例分析
Mar 03 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
JS实现字符串转日期并比较大小实例分析
Dec 09 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
Weex开发之地图篇的具体使用
Oct 16 Javascript
vue使用Google Recaptcha验证的实现示例
Aug 23 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递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
JavaScript库 开发规则
2009/01/31 Javascript
javascript 学习之旅 (3)
2009/02/05 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
利用a标签自动解析URL分析网址实例
2014/10/20 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
Axios学习笔记之使用方法教程
2017/07/21 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
Vue分页效果与购物车功能
2019/12/13 Javascript
python集合类型用法分析
2015/04/08 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
python opencv之SIFT算法示例
2018/02/24 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
Python 实现还原已撤回的微信消息
2019/06/18 Python
python如何删除文件中重复的字段
2019/07/16 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
python超时重新请求解决方案
2019/10/21 Python
信号生成及DFT的python实现方式
2020/02/25 Python
如何在python中实现线性回归
2020/08/10 Python
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
C#的几个面试问题
2016/05/22 面试题
公司行政经理岗位职责
2013/12/24 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
创意广告词
2014/03/17 职场文书
三年级学生评语大全
2014/12/26 职场文书
2015年教务工作总结
2015/05/23 职场文书
2016年十一促销广告语
2016/01/28 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
Java基础之线程锁相关知识总结
2021/06/30 Java/Android