前端事件详解-优快云博客

本文链接：https://blog.youkuaiyun.com/maixiaohai/article/details/30049897

[如果你想留在这里,这里就成了你的现在,然后过不了多久,你就会开始想象另一个时代才是你的“黄金时代”------午夜巴黎]

常用事件列表如下：

1.onclick

实例：

<form>
    <input name="打开新窗口" type="button" οnclick="openwin()" value="打开新窗口"/>
 </form>

点击按钮后，会调用openwin()函数

2.onmouseover

实例：

<form>
密码:<input name="password" type="text" >
<input name="确定" type="button" οnmοuseοver="message()" value="确定"/>
</form>

当鼠标经过确定按钮时，就会调用message()函数

3.onmouseout

实例：

<a href="http://www.imooc.com" onMouseOut="message()">点击我</a>

鼠标移开链接时，会调用message()函数

4.onchange

实例：

<textarea name="summary" onChange="message()" cols="60" rows="5">请写入个人简介，不少于200字！</textarea>

改变文本框文字内容时，触发message()函数

5.onselect

实例：

<textarea name="summary" onSelect="message()" cols="60" rows="5">请写入个人简介，不少于200字！</textarea>

当选中文本框中文字时，触发message()函数

6.onfocus/onblur

针对光标，一个是光标聚焦时，一个是光标离开时

7.onload

实例：

<body onLoad="message()">
  加载ing
</body>

加载时调用message()函数

8.onunload

实例：

window.onunload = onunload_message;   
function onunload_message(){   
   alert("您确定离开该网页吗？");

不同浏览器对这个函数兼容不同

更多详情参考：http://www.w3school.com.cn/jsref/jsref_events.asp

javascript事件