JavaScript 事件响应
JavaScript 利用事件响应创建动态页面。事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
主要事件表:
事件 | 说明 |
---|---|
onclick | 鼠标单击事件 |
onmouseover | 鼠标经过事件 |
onmouseout | 鼠标移开事件 |
onchange | 文本框内容改变事件 |
onselect | 文本框内容被选中事件 |
onfocus | 光标聚集 |
onblur | 光标离开 |
onload | 网页导入 |
onunload | 关闭网页 |
鼠标单击事件(onclick)
onclick 是鼠标单击事件。
当在网页上单击鼠标时,就会发生该事件,同时 onclick 事件调用的程序块就会被执行。通常该事件与按钮一起使用。
注意: 在网页中,如使用事件,就在该元素中设置事件属性。
鼠标经过事件(onmouseover)
onmouseover 是鼠标经过事件。
当鼠标移到一个对象上时,该对象就触发 onmouseover 事件,并执行 onmouseover 事件调用的程序。
鼠标移开事件(onmouseout)
onmouseout 是鼠标移开事件。
当鼠标移开当前对象时,执行 onmouseout 调用的程序。
光标聚焦事件(onfocus)
onfocus 是光标聚焦事件。
当网页中的对象获得聚点时,执行 onfocus 调用的程序就会被执行。
光标失焦事件(onblur)
onblur 是光标失焦事件。
onblur 事件与 onfocus 是相对事件。
当光标离开当前获得聚焦对象的时候,触发 onblur 事件,同时执行被调用的程序。
内容选中事件(onselect)
onselect 是选中事件。
当文本框或者文本域中的文字被选中时,触发 onselect 事件,同时调用的程序就会被执行。
内容改变事件(onchange)
onchange 是内容改变事件。
通过改变文本框的内容来触发 onchange 事件,同时执行被调用的程序。
加载事件(onload)
onload 是加载事件。
onload 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
注意:
- 加载页面时,触发 onload 事件,事件写在 <body> 标签内。
- 此节的加载页面,可理解为打开一个新页面时。
卸载事件(onunload)
onunload 是卸载事件。
当用户退出页面时(页面关闭、页面刷新等),触发 onUnload 事件,同时执行被调用的程序。
注意:不同浏览器对 onunload 事件支持不同。
附
JavaScript 中获取元素的值设置和获取方法为:
// 赋值
document.getElementById("id").value = value;
// 取值
var value = document.getElementById("id").value;
使用 parseInt() 函数可解析一个字符串,并返回一个整数。