笔记：js常用事件_csnd 事件笔记-CSDN博客

本文链接：https://blog.csdn.net/xw370457549/article/details/8100741

------------------------js事件

必须使用的事件
1.超链接事件
2.表单的提交
3.表单内部界面对象的交互

-----------onclick事件

<script language="javascript">
function a() {
	window.alert("hello!");
}

<form name="form1" action="" method="post">
	<input type="button" name="button1"  value="点击"  οnclick="a()" /> //点击按钮时弹出警告框
</form>

---------onchange

<script language="javascript">
function a() {
	window.alert("asd的值发生了变化！");
}

</script>

<form name="form1" action="" method="post">
	<input name="asd" type="text"  value="asd" οnchange="a()" />	//当文本框的值变化时弹出警告框,事件中调用函数
</form>

事件中直接引用语句：

<form name="form1" action="" method="post">
	<input name="asd" type="text"  value="asd" οnchange="alert('asd的值改变为：' + this.value)" 

/>

-------------------onselect

<form name="form1" action="" method="post">
	<textarea  name="textarea1" rows="10" cols="40" οnselect="alert('该文档不能被复制')" />
   Windows对象（上）（下）
　 5.7.3 Location对象
　 5.7.4 History对象
　 5.7.5 Document对象
　 5.7.6 字符串对象
　 5.7.7 数学对象
　 5.7.8 时间对象
　 5.7.9 数组对象 
　 5.7.10自定义对象

    </textarea>			//当选择该文本区域的文字时弹出警告框
</form>

------------------onLoad（图像或页面结束载入时产生）

function MM_openBrWindow(theURL, winName, features) {
	window.open(theURL, winName, features);
}

<body onLoad="MM_openBrWindow('images/1.jpg','图片','toolbar=yes,width=800,height=800')">
</body>

----------------onUnload

<body onUnload="alert('thanks for visiting')">
<a href="http://www.baidu.com">baidu</a>
</body>

-------------------onmouseover和onmouseout

<a href="http://www.baidu.com" οnmοuseοver="alert('鼠标移上来了')">baidu</a>
<font οnmοuseοut="alert('鼠标移走了')">mouse</font>