onblur 事件
事件会在对象失去焦点时发生。onblur=“js函数";
举例:onblur 事件在用户离开输入框时执行 JavaScript 代码
<html> <head> <script type="text/javascript"> function upperCase() { var x=document.getElementById("fname").value document.getElementById("fname").value=x.toUpperCase() } </script> </head> <body> 输入您的姓名: <input type="text" id="fname"onblur="upperCase()"
/> </body> </html>
obj.focus();
document.getElementById('abc').focus(); //让abc获取焦点
onfocus 事件
事件在对象获得焦点时发生 onfocus =“js函数";
例子:当输入框获得焦点时,其背景颜色将改变
<html> <head> <script type="text/javascript"> function setStyle(x) { document.getElementById(x).style.background="yellow" } </script> </head> <body> First name: <input type="text"onfocus="setStyle(this.id)" id="fname"
/> <br /> Last name: <input type="text"onfocus="setStyle(this.id)" id="lname"
/> </body> </html>
onmouseover事件
用户鼠标移入元素时触发的事件,并执行onmouseover调用的函数
onmouseout事件
用户鼠标移开元素时触发的事件,并执行onmouseout调用的函数
以上经常用于Tab选项卡
onclick 事件
事件会在对象被点击时发生 onclick="js函数";
例子:当按钮被单击时,第一个输入框中的文本会被拷贝到第二个输入框中
<html>
<body>
Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
点击下面的按钮,把 Field1 的内容拷贝到 Field2 中:
<br />
<button onclick="document.getElementById('field2').value=
document.getElementById('field1').value"
>Copy Text</button>
</body>
</html>
onload 事件
页面加载之后立即执行一段 JavaScript <body onload="load()"
>
onload 常用在 <body> 中,一旦完全加载所有内容(包括图像、脚本文件、CSS 文件等),就执行一段脚本。