Jquery替换已存在于element上的event的方法
更新时间：2010年03月09日 21:08:16 作者：
如何替换获去除那些已存在于某个element上的事件呢? 需要的朋友可以参考下面的文章。
看下面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.
});
希望对您有帮助。
复制代码 代码如下:
<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.
});
希望对您有帮助。
您可能感兴趣的文章:
- Jquery中Event对象属性小结
- jquery事件preventDefault()方法用法实例
- jQuery.event兼容各浏览器的event详细解析
- jquery中event对象属性与方法小结
- JQuery事件e参数的方法preventDefault()取消默认行为
- jquery 关于event.target使用的几点说明介绍
- Jquery阻止事件冒泡 event.stopPropagation
- jquery利用event.which方法获取键盘输入值的代码
- jquery下为Event handler传递动态参数的代码
- jQuery源码分析之Event事件分析
- 利用jQuery的$.event.fix函数统一浏览器event事件处理
- jQuery.event.trigger()的简单解释
相关文章
这篇文章主要为大家详细介绍了jQuery实现验证用户登录，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
jQuery 1.9.1源码分析系列（十五）动画处理之缓动动画核心Tween
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十五）动画处理之缓动动画核心Tween 的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery动画效果图片轮播特效，图片可以进行左右轮播，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了jQuery zTree树插件动态加载效果的实例代码,需要的朋友可以参考下2017-05-05
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
在js使用过程中可能会根据要求获取浏览器窗口的可视区域高度和宽度,滚动条高度，于是本人搜集整理下，拿出来和大家分享，希望可以帮助你们2012-12-12
这篇文章主要介绍了jQuery zTree如何改变指定节点文本样式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
深入理解Jquery表单验证（使用formValidator）
表单验证在web中中的应用很广，本篇文章主要介绍了Jquery表单验证（使用formValidator），非常具有实用价值，需要的朋友可以参考下。2017-01-01
jQuery动态添加.active 实现导航效果代码思路详解
这篇文章主要介绍了jQuery动态添加.active 实现导航效果代码思路详解,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了基于jQuery实现音乐播放试听列表的相关资料,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了JS实现点击生成UUID的方法,结合完整实例形式分析了基于jQuery实现的随机字符串生成相关操作技巧,需要的朋友可以参考下2019-06-06
最新评论