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三种排序算法分享
Aug 16 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
Nov 19 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
js调用webservice构造SOAP进行身份验证
Apr 27 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
JS中获取 DOM 元素的绝对位置实例详解
Apr 23 Javascript
JS简单数组排序操作示例【sort方法】
May 17 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
swiper实现导航滚动效果
Dec 13 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
php中json_decode()和json_encode()的使用方法
2012/06/04 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
ajax+php控制所有后台函数调用
2015/07/15 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
javascript实现动态标签云
2015/10/16 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
python中pika模块问题的深入探究
2018/10/13 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
python相对企业语言优势在哪
2020/06/12 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
python excel多行合并的方法
2020/12/09 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
班组长的岗位职责
2013/12/09 职场文书
个人投资计划书
2014/05/01 职场文书
体操比赛口号
2014/06/10 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
党员教师群众路线思想汇报范文
2014/10/28 职场文书
太空授课观后感
2015/06/17 职场文书
关于远足的感想
2015/08/10 职场文书
毕业班工作总结
2015/08/10 职场文书