您的位置：首页 > Web前端 > JavaScript

javascript--解除事件绑定

2016-02-28 10:00 609 查看

stopPropagation(); w3c取消冒泡

cancelBubble=true; ie取消冒泡

preventDefault(); w3c取消事件效果

returnValue = false; ie取消事件效果

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>

<form action="" id='fm'>
<input type="text" name="name" id="name" />
<input type="submit"  />

<p><a>添加移除事件~</a></p>

<button onclick="addin()" >银时</button>
<ul>
<li onclick="addgin();">银时</li>
<li onclick="addnz();">成步堂</li>
<li onclick="remgin();">走开银酱</li>
<li onclick="remnz();">异议阿依去找小御</li>
</ul>
</form>

</body>

<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js">
/*$('fm').addEventListener('submit',function(ev){
if($('name').value == ''){
alert('不能为空');
ev.preventDefault();
// 取消事件效果
}
},false);
*/

/*添加移除事件，（事件的·解除绑定*/
var p = document.getElementsByTagName('p')[0];

function gintoki(){
alert('love u 阿银~');
}
function nz(){
alert('好玩 已完1，2，4部~');
}

function addgin(){
// 第二个写函数名就行
p.addEventListener('click',gintoki,false);
}

function addnz(){
p.addEventListener('click',nz,false);
}

function remgin(){
// 第二个写函数名就行
p.removeEventListener('click',gintoki,false);
}

function remnz(){
p.removeEventListener('click',nz,false);
}

</script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航