JavaScript 事件
2017-10-16 00:00
10 查看
摘要: 事件就是我们用鼠标或者是键盘对这个主键、标记进行操作的时候产生的一个事件
声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
如何查看它的事件,带这种闪电的都是事件
如何调用,直接吧这个函数写在这里就行了
注册事件: 第一种方式
第二种方式
第三种方式
添加事件监听器
进行多函数注册:
addEventListener
字符串类型:事件名字 没有no
函数对象:直接写函数或函数名字
布尔类型:true 先触发父标记事件
false 先触发子标记事件
事件源(Event):就是事件产生的信息收集,你可以通过这个对象获得很多相关数据,这个就是当前对象
事件分类:
鼠标
onmousen
onmousemove
onmouseout
Onmouseover
onmouseup
onmousewheel
键盘
onkeypress
onkeydown
onkeyup
焦点 onblur
onfocus
其他组件特有的
onclick
ondblclick
控制标记对象: 把所有标记都看作为一个对象,id就是给这个对象取了一个名字,以后想获得这个对象,直接通过这个id去获得就行了,这个id最好是在这个网页是唯一的,如果重名的话不会报错,但是会形成一个数组,你拿到的就不是对象了,你要从数组里面取出你的标记对象
第一种 直接写id名
第二种 使用document搜索
注意:如果id有重复,拿出来的对象是数组,写个for循环就能解决这个问题
声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
事件介绍:
事件就是我们用鼠标或者是键盘对这个主键、标记进行操作的时候产生的一个事件,比如说,这个鼠标点击你的按钮,点击你的文本了,或者是这个鼠标反键一下,或者是鼠标离开,这样都会产生事件 主要事件就是鼠标和键盘产生的 事件又称为委托模式 如下图:事先就吧你这个函数委托到这个按钮上去,当你的鼠标碰到按钮的时候它就会立马调用这个函数如何查看它的事件,带这种闪电的都是事件
如何调用,直接吧这个函数写在这里就行了
注册事件: 第一种方式
第二种方式
第三种方式
添加事件监听器
进行多函数注册:
addEventListener
字符串类型:事件名字 没有no
函数对象:直接写函数或函数名字
布尔类型:true 先触发父标记事件
false 先触发子标记事件
事件源(Event):就是事件产生的信息收集,你可以通过这个对象获得很多相关数据,这个就是当前对象
事件分类:
鼠标
onmousen
onmousemove
onmouseout
Onmouseover
onmouseup
onmousewheel
键盘
onkeypress
onkeydown
onkeyup
焦点 onblur
onfocus
其他组件特有的
onclick
ondblclick
控制标记对象: 把所有标记都看作为一个对象,id就是给这个对象取了一个名字,以后想获得这个对象,直接通过这个id去获得就行了,这个id最好是在这个网页是唯一的,如果重名的话不会报错,但是会形成一个数组,你拿到的就不是对象了,你要从数组里面取出你的标记对象
第一种 直接写id名
第二种 使用document搜索
注意:如果id有重复,拿出来的对象是数组,写个for循环就能解决这个问题
相关文章推荐
- Javascript中的事件冒泡
- javascript阻止冒泡事件
- JavaScript——事件机制
- Android与javascript中事件分发机制的简单比较
- javascript事件查询综合
- JavaScript的事件机制
- JavaScript事件详解-jQuery的事件实现(三)
- javascript 一个函数对同一元素的多个事件响应
- javascript事件的绑定
- [JavaScript] 事件
- javascript事件查询综合
- JavaScript事件
- Javascript中Select的OnChange()事件
- JavaScript中的事件
- javascript事件查询综合
- JavaScript冒泡事件和stopPropagation方法
- 从零开始学_JavaScript_系列(31)——事件代理/事件委托
- javascript中的 事件的绑定 2
- JavaScript获取video的暂停、播放事件,并切换清晰度
- Javascript 浏览器事件(下)