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重置按钮被点击


相关文章
|
7天前
|
JavaScript 前端开发
JS 学习笔记四(DOM) 悬停事件 获取节点
JS 学习笔记四(DOM) 悬停事件 获取节点
4 0
|
7天前
|
Web App开发 JavaScript 前端开发
js -事件轮询机制
浏览器垃圾回收机制
|
8天前
|
JavaScript
JS输出、获取元素,变量,事件组成,流程控制,对象,函数
JS输出、获取元素,变量,事件组成,流程控制,对象,函数
|
14天前
|
JavaScript
js动态绑定事件,无法使用for循环中变量i的问题
js动态绑定事件,无法使用for循环中变量i的问题
|
19天前
|
JavaScript
js手机端长按选中文字执行事件
js手机端长按选中文字执行事件
|
20天前
|
JavaScript 前端开发 API
|
27天前
|
存储 移动开发 JavaScript
JS中的事件学习event
JS中的事件学习event
25 0
|
2月前
|
JavaScript 前端开发
js事件操作
JavaScript事件操作允许您对事件(例如点击、键盘按键、鼠标移动等)作出反应并执行适当的操作。以下是一些常用的事件操作:
109 0
|
2月前
|
JavaScript
对JS事件的了解
对JS事件的了解
|
2月前
|
JavaScript 前端开发
JavaScript -- DOM事件
JavaScript -- DOM事件
热门文章
最新文章
相关产品
云迁移中心
推荐文章
更多