js进阶篇之事件响应,与网页交互

1.鼠标单击事件 onclick

<input name="button" type="button" value="点击提交" onclick="add2()"/>

2.鼠标经过事件 onmouseover

<input name="button" type="button" value="确定" onclick="info()"

3.鼠标移开事件 onmouseout

4.光标聚焦事件 onfocus

<input name="username" type="text" value="请输入姓名:" onfocus="message()"/>

当鼠标放在文本框内(即文本框得到焦点),调用message函数

5.失焦事件 onblur :离开焦点对象时调用

6.内容选中事件 onselect

<input name="username" type="text" value="请输入姓名:" onselect="message()"/>

当选中文本框内文字时,处罚onselect事件

7.文本框内容改变事件 onchange

8.加载事件 onload

事件会在页面加载完成后,立即发生,同时执行被调用的程序。
加载页面时,触发onload事件,事件写在<body>标签内。

function message(){

  alert("加载中,请稍等....");
}

<body onload="message()">

9.卸载事件:onunload

用户退出页面(页面关闭,页面刷新)触发

原文地址:https://www.cnblogs.com/canfengyiyue/p/5087675.html