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 | 当页面发生滚动时触发 |
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- html 拼写onclick 事件,转义英文单引号和双引号 防止js报错
- JS中点击事件冒泡解析
- js 之for..in、表单及事件触发
- js中获取键盘事件
- js中的事件委托或是事件代理详解
- 从Node.js分裂出Io.js事件看开源软件谁做主
- Vue.js 系列教程 1:渲染,指令,事件
- 浅谈js实现双击事件:
- js默认行为(也称默认事件)
- js中获取键盘事件
- 驱动事件的addEvent.js代码
- js中的事件委托和事件代理详解
- slider.js 滑动和点击事件在firefox下报错 event is not defined
- js动态添加事件的方法
- 前端基本知识(四):JS的异步模式:1、回调函数;2、事件监听;3、观察者模式;4、promise对象
- JS: 阻止事件冒泡与默认行为
- javascript 事件委托,jq,js模拟事件
- js checkbox的click事件,触发这个复选框的onchange事件的问题
- android微信keydown事件的keyCode为0情况下JS输入约束实现
- JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法