javascript--解除事件绑定

最新推荐文章于 2023-06-29 16:06:57 发布

sonia_gintoki

最新推荐文章于 2023-06-29 16:06:57 发布

阅读量2.1k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/sonia_gintoki/article/details/50758898

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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 οnclick="addin()" >银时</button>
	<ul>
		<li οnclick="addgin();">银时</li>
		<li οnclick="addnz();">成步堂</li>
		<li οnclick="remgin();">走开银酱</li>
		<li οnclick="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>

sonia_gintoki

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript--解除事件绑定

stopPropagation(); w3c取消冒泡cancelBubble=true; ie取消冒泡preventDefault(); w3c取消事件效果returnValue = false; ie取消事件效果添加移除事件~银时银时成步堂走开银酱异议阿依去找小御
复制链接

扫一扫