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 相关文章推荐
javascript奇异的arguments分析
Oct 20 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
通过一个简单的例子学会vuex与模块化
Nov 22 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
深入分析jQuery.one() 函数
Jun 03 jQuery
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
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
php数组去重实例及分析
2013/11/26 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
jquery 学习笔记一
2010/04/07 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
Javascript学习指南
2014/12/01 Javascript
javascript实现禁止复制网页内容
2014/12/16 Javascript
Javascript Object 对象学习笔记
2014/12/17 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
2016/02/25 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
js实现烟花特效
2020/03/02 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
工作会议欢迎词
2014/01/16 职场文书
酒店仓管员岗位职责
2014/04/28 职场文书
八一建军节演讲稿
2014/09/10 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书