JavaScript今日总结

JavaScript 事件
HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

HTML 事件
HTML 事件可以是浏览器行为，也可以是用户行为。

以下是 HTML 事件的实例：

HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击
通常，当事件发生时，你可以做些事情。

在事件触发时 JavaScript 可以执行一些代码。

onclick 事件
事件对象参考手册 事件对象

实例
当按钮被点击时执行Javascript代码：:

<button onclick="myFunction()">Click me</button>

定义和用法
onclick 事件会在元素被点击时发生。

语法
HTML 中:

<element onclick="SomeJavaScriptCode">

JavaScript 中:

object.onclick=function(){SomeJavaScriptCode};

oncontextmenu 事件
Event 对象参考手册 事件对象

实例
当用户在

元素 上右击鼠标时执行 JavaScript ：

<div oncontextmenu="myFunction()" contextmenu="mymenu">

定义和使用
oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。
onmouseenter 事件
事件对象参考手册 事件对象

实例
当鼠标指针移动到图像时执行 JavaScript：

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

在以下更多实例中点 “尝试一下” 查看更多演示。

定义和用法
onmouseenter 事件在鼠标指针移动到元素上时触发。

提示： 该事件通常与 onmouseleave 事件一同使用, 在鼠标指针移出元素上时触发。
onmousemove 事件
事件对象参考手册 事件对象

实例
在鼠标指针移到指定的元素后执行Javascript代码：

<div onmousemove="myFunction()">鼠标指针移动到这。</div>

尝试一下 »
定义和用法
onmousemove 事件会在鼠标指针移到指定的对象时发生。

语法
In HTML:

<element onmousemove="SomeJavaScriptCode">

In JavaScript:

object.onmousemove=function(){SomeJavaScriptCode};

onmouseup 事件
事件对象参考手册 事件对象

实例
在用户鼠标按键被松开时执行Javascript代码：

Click the text!

定义和用法
onmouseup 事件会在鼠标按键被松开时发生。

提示: 与 onmouseup 事件相关联的事件触发次序 (左边/中间 鼠标按钮):

onmousedown
onmouseup
onclick
与 onmouseup 事件相关联的事件触发次序 (右边鼠标按钮):

onmousedown
onmouseup
oncontextmenu
语法
HTML 中:

<element onmouseup="SomeJavaScriptCode">

JavaScript 中:

object.onmouseup=function(){SomeJavaScriptCode};