您的位置:首页 > Web前端 > JavaScript

JS的事件

2020-04-22 08:11 603 查看

JS的事件

事件是可以被识别的动作或发生的事情。通常在事件被触发后,会有后续要执行的操作。

  • 给HTMl元素添加事件属性
// 这里用div标签做示范
<div id="demo" eventName="js codes"></div>
  • 在js中获取到事件源对象,即要触发事件的标签
// 获取事件源对象
var demo = document.getElementById('demo');
// onclick是触发的事件,等号后的匿名函数是事件处理函数
demo.onclick = function () {
alert(我是一个div);
};

常用的事件

事件 描述
onclick 当用户点击某个对象时触发
onmouseover 鼠标移到某元素之上
onmouseout 鼠标从某元素移开
onmouseenter 鼠标移到元素上时触发
onmouseleave 鼠标移出某元素时触发
onblur 元素失去焦点时触发
onfocus 元素获得焦点时触发
onchange 该事件在表单元素的内容改变时触发(input、select、textarea等元素)
oninput 元素获取用户输入时触发
onkeydown 键盘被按下时触发
onkeyup 键盘被松开时触发
onload 一个页面或一张图完成加载后触发
onscroll 当页面发生滚动时触发
  • 点赞
  • 收藏
  • 分享
  • 文章举报
碌碌无为的勤劳家 发布了13 篇原创文章 · 获赞 0 · 访问量 86 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: