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;就是不能复制页面内容