一、onload 和 onunload 事件
onload
是一个事件属性。用于在指定的元素加载完成后,执行一段JavaScript代码。
二、onchange 事件
onchange
是一个JavaScript事件属性,用于在用户改变元素的值后触发指定的JavaScript代码。
它通常应用于表单元素,如 <input>
, <select>
, 和 <textarea>
,以便在用户输入或选择不同的值时执行某些操作。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
输入你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当你离开输入框后,函数将被触发,将小写字母转为大写字母。</p>
</body>
</html>
结果:
三、onmouseover 和 onmouseout 事件
onmouseover 可用于在用户的鼠标移至 HTML 元素上方元素时触发函数。
onmouseout 可用于在用户的鼠标移出至 HTML 元素时触发函数。
四、onmousedown、onmouseup 以及 onclick 事件
鼠标点击的所有事件:onmousedown, onmouseup 以及 onclick 。
1)首先当点击鼠标按钮时,会触发 onmousedown 事件
2)当释放鼠标按钮时,会触发 onmouseup 事件
3)最后,当完成鼠标点击时,会触发 onclick 事件