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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
这段js代码得节约你多少时间
Dec 20 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
浅谈document.write()输出样式
May 07 Javascript
js获取图片宽高的方法
Nov 25 Javascript
基于js里调用函数时,函数名带括号和不带括号的区别
Jul 28 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 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
You might like
MOTOROLA 摩托罗拉 MODEL 66-XI五灯中波收音机
2021/03/02 无线电
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
PHP中让curl支持sock5的代码实例
2015/01/21 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
HTTP状态代码以及定义(解释)
2007/02/02 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
npm国内镜像 安装失败的几种解决方案
2017/06/04 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
Vue组件化开发思考
2018/02/02 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
python实现堆排序的实例讲解
2020/02/21 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
《永远的白衣战士》教学反思
2014/04/25 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
开平碉楼导游词
2015/02/06 职场文书
《检阅》教学反思
2016/02/22 职场文书
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android
python使用shell脚本创建kafka连接器
2022/04/29 Python
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS