JavaScript 事件监听（事件绑定和常见事件）

最新推荐文章于 2024-03-07 09:46:24 发布

很丧

最新推荐文章于 2024-03-07 09:46:24 发布

阅读量724

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/qq_51272114/article/details/125962852

版权

JavaScript 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

事件:事件是发生在HTML元素上的‘事情’，比如
    .按钮被点击
    .鼠标移动到元素之上
    .按下键盘案件
事件监听指的是:JavaScript在事件被侦测到后执行操作的这种行为
    .事件绑定（两种）
       方式一:通过HTML标签中的事件属性进行绑定
       方式二:通过DOM元素属性绑定

常见事件：

onclick事件	当用户单击元素时发生此事件	https://www.w3school.com.cn/jsref/event_onclick.asp
onblur事件	当元素失去焦点时发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onfocus事件	在元素获得焦点时发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onload事件	在对象已加载时，发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onsubmit事件	在提交表单时发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onkeydown事件	当用户正在按下键时，发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onmouseover事件	当指针移动到元素或其中的子元素上时，发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp
onmouseout事件	当用户将鼠标指针移出元素或其中的子元素时，发生此事件	https://www.w3school.com.cn/jsref/event_onblur.asp

事件绑定：

<body>
<input type="button" value="点我" onclick="on()"/><br/>
<input type="button" value="再点我" id="btn">
<script>
    //事件绑定（两种）
    //方式一:通过HTML标签中的事件属性进行绑定
    function on(){
        alert("我被点了");
    }
    //方式二:通过DOM元素属性绑定
    document.getElementById("btn").onclick = function (){alert("我又被点了");}
</script>
</body>