Jquery替换已存在于element上的event的方法
人气:0
看下面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.
});
希望对您有帮助。
加载全部内容