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 | 鼠标从某元素移开 |