JavaScript-event
JavaScript-event
HTML事件是发生在HTML元素上的 “事情”，例如：
- 按钮被点击
- 鼠标移到元素上
- 输入框失去焦点
事件的绑定
方式一：通过html标签中的事件属性进行绑定
<input type="button" value="事件按钮" onclick="on()">
<script>
function on() {
alert("按钮1被点击了...");
}
</script>
方式二：通过DOM中Element元素的事件属性进行绑定
<input type="button" value="事件按钮" >
<script>
var input = document.getElementsByTagName("input");
input[0].onclick = function() {
alert("按钮1被点击了...");
}
</script>
常见事件
| 事件属性名 | 说明 |
|---|---|
| onclick | 鼠标单击事件 |
| onblur | 元素失去焦点 |
| onfocus | 元素获得焦点 |
| onload | 某个页面或图像被完成加载 |
| onsubmit | 当表单提交时触发该事件 |
| onmouseover | 鼠标被移到某元素之上 |
| onmouseout | 鼠标从某元素移开 |