韩顺平 javascript教学视频_学习笔记23_js事件驱动机制深入理解_js常用事件_js版计算器

js事件可以被多个函数监听
例子如下:
<html>    
	<head>   
		<script language="javascript">     
			function test1(eventObj){
			
				window.alert("OK1");
			}
			function test2(eventObj){
			
				window.alert("OK2");
			}
		</script>    
	</head>    
	<body >   
	<input type="button" value="一个事件可以被多个函数监听" οnclick="test1(this),test2(this)"/> <!-- 一个事件可以被多个函数监听 -->	
	</body>    
</html>    

js事件特别说明:
特别强调一点:并不是所有的html元素都有相同的event事件(对象),这个请大家在做项目的时候特别注意,比如提交按钮有onsubmit事件,但是输入框就没有,具体请大家参考js帮助文档。

window有三个事件:
onload:页面打开
onbeforeunload:页面关闭前
onunload:页面关闭后



综合案例如下:

<html>    
	<head>   
		<script language="javascript">     
			function test1(eventObj){
			
				window.alert("OK1");
			}
			function test2(eventObj){
			
				window.alert("OK2");
			}
			function test3(eventObj){
			
				window.alert("输入框被选中");
			}
			function test4(){
			
				window.alert("onload.....");
				//把鼠标定位到text输入框
				document.getElementById("text1").onfocus();//这个有问题,后面再讲
			}
			function test5(){
			
				window.alert("onunload.....");//页面关闭前弹出,这个有问题,后面再讲
				
			}
			function test6(){
			
				window.alert("onbeforeunload.....");
				
			}
			function test7(){
			
				window.alert("不要点击右键");
				return false;
				
			}
			function test8(){
			
				window.alert("不能选内容哦");
				return false;
				
			}
		</script>    
	</head>    
	<body onselectstart="return test8()" οncοntextmenu="return test7()" οnlοad="test4()" οnunlοad="test5()" οnbefοreunlοad="test6()">   
	<div>不能拷贝内容哦</div>
	<input type="button" value="多个函数监听" οnclick="test1(this),test2(this)"/>
    <input type="text" id="text1" οnfοcus="test3(this)"/> 	
	</body>    
</html>    

oncontextmenu 事件:return false ;就是不能点击右键

onselectstart 事件: return false;就是不能复制页面内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值