JavaScript系列--事件

简介: JavaScript系列--事件

事件



组件被执行某些操作后,触发某些代码的执行


事件:某些操作。如单击。双击,键盘按下了,鼠标移动了


事件源:组件。如:按钮 文本输入框


监听器:代码


注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码



常见的事件



点击事件


onclick :单击事件


ondblclick:双击事件


焦点事件


onblur 失去焦点


一般用于表单验证


<body>
<input id="username">
<script>
    /*
    失去焦点
     */
    document.getElementById("username").onblur = function (){
        alert("失去焦点");
    }
</script>
</body>


加载事件


onload :一张页面或一幅图像完成加载。


鼠标事件


onmousedown鼠标按钮被按下。


onmouseup 鼠标按键被松开。


onmousemove 鼠标被移动。


onmouseover 鼠标移到某元素之上。


onmouseout 鼠标从某元素移开。


document.getElementById("username").onmousedown = function (event){
    alert(event.button);


键盘事件


onkeydown某个键盘按键被按下


onkeyup某个键盘按键被松开


onkeypress某个键盘按键被按下并松开


选择和改变


onchange域的内容被改变


onselect文本被选中


表单事件


onsubmit确认按钮被点击


onreset重置按钮被点击


相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
4月前
|
JavaScript 前端开发
js事件队列
js事件队列
144 55
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
38 2
|
3月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
35 2
|
4月前
|
JavaScript 前端开发
javascript中常用的事件
这篇文章列出并演示了JavaScript中常用的DOM事件,包括失去焦点、获得焦点、鼠标点击、键盘事件等,并展示了如何通过直接在HTML标签中使用事件句柄和通过JavaScript为元素添加事件监听器两种方式来注册事件。
|
4月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
41 0
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
49 6
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
24 5
|
3月前
|
监控 JavaScript 前端开发
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
127 0