<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="js/jquery-1.8.3.js">
</script>
<script type="text/javascript">
jQuery(document).ready(
function(){
$("#i").bind("click",function(){
alert('jquery绑定 1!');
});
$("#i").bind("click",function(){
alert('jquery绑定 2!');
});
var handler = function(){
alert("js绑定!")
};
document.getElementById("i").attachEvent(" ;
//document.getElementById("i").addEventListener("click",handler) ;//这里绑定用click(firefox)
$("#i").unbind("click");
//document.getElementById("i").detachEvent("onclick",handler);//而这里绑定用onclick (IE)
}
);
</script>
</head>
<body>
<input type="button" value="点击我" id="i"/>
</body>
</html>
要注意 : 事件的绑定和取消成对出现,比如 bind 对应unbind ,而attachEvent对应detachEvent
unbind是无法取消attachEvent绑定的东西的。
另外js绑定与jquery绑定触发执行顺序与不同浏览器有关
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。