事件

作者: 如果有来生_e033 | 来源:发表于2017-07-17 22:27 被阅读0次

鼠标(mouse)事件 mouseEvent
1.单机:onclick
2.双击:ondblclick
3.鼠标放上去不点击:onmouseover
4.鼠标按下:onmousedown
5.移动:onmousemove (同3)
6.移出:onmouseout
7.松开鼠标:onmouseup
8.滚动条滚动时:onscroll

键盘(key)事件
9.按下键盘:onkeydown
10.释放键盘:onkeyup
11.按下并释放:onkeypress
键盘编码值:event.keyCode

表单(form)事件

  1. 失去焦点: onblur
    13.改变:onchange 配合select
    14.获取焦点:onfocus
    15.右键:oncontextmenu
    16.表单改变时:onformchange
    17.表单获得用户输入时:onforminput
    18.元素获得用户输入时:oninput
    19.表单中的重置按钮被触发:onreset
    20.提交表单触发:onsubmit
    21.文本被选中:onselect

window事件属性
22.加载结束之后:onload
23.页面已下载:onunload
24.浏览器窗口调整大小时:onresize
25.文档打印之前:onbeforeprint --------- print 打印
26.文档打印之后:onafterprint

27.事件流
1》 冒泡:有具体元素接收,逐级向上传播,到最不具体元素的位置
2》 捕获:由不具体的元素向具体元素传播
DOM事件流:冒泡、处于目标阶段、捕获
28.事件处理程序
1》0级(一个事件处理函数) 例:button.onclick=function(){}
2》2级(多个事件处理函数) 例:button.addEventListener("click",function(){ e.stopParpagation
})
29.解绑事件
1》0级 button.onclick=null
2》2级 button.removeEventListener()
2级注意事项:参数得和addEventListener参数完全一致,事件处理函数不能使用匿名函数,只能写函数引用,否则无法解绑。
30.兼容
1》事件及解绑
IE8及以下:attachEvent("on+事件名",回调函数);
解绑:detachEvent("on+事件名",回调函数);
2》事件委托
var targe=ev.target || ev.srcElement;
3》父元素区别
IE:obj.parentElement
非IE:obj.parentNode
4》出现小手
IE:cursor:hand
非IE:cursor:pointer
5》滚动条上边距
IE:document.body.scrollTop
非IE:document.documentElement.scrollTop

相关文章

  • JavaScript事件01——事件流

    大纲:概念(事件、事件流)事件流模型(事件冒泡、事件捕获、DOM事件流) 一、概念: 1、事件:事件就是用户或浏览...

  • 事件对象,事件监听,事件冒泡,事件代理

    一、事件对象 二、冒泡事件:(事件从子元素往父级元素向上触发事件)处理兼容问题:主流浏览器:e.stopPropa...

  • 事件总结

    DOM事件主要内容 事件流 事件注册 事件对象 事件分类 事件代理 什么是DOM事件? 事件是某个行为或者触发,比...

  • Javascript事件系统

    本文内容 事件基础 事件监听方式 事件默认行为 事件冒泡与事件捕获 事件绑定与事件委托 事件基础 注意:本文不会深...

  • Javascript事件-事件冒泡,事件捕获,事件监听和事件委托

    事件处理机制 (一)DOM事件流 DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML...

  • 【事件】事件流

    1、JavaScript和HTML之间的交互通过事件实现的。2、事件流描述的是从页面中接收事件的顺序。3、IE 和...

  • 【事件】事件对象

    触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的额信息。(包括导致事件的元...

  • 【事件】事件类型

    DOM3 级事件规定了以下几类事件: UI(User Interface,用户界面)事件,当用户与页面上的元素交互...

  • 2018-09-10JQuery高级应用

    JQuery事件 window事件 鼠标事件 键盘事件 表单事件 事件注册语法$(对象).type(fn)type...

  • JS事件

    ?事件的相关术语 事件类型: 鼠标事件、键盘事件事件名称: click、dbclick等事件目标: 表示与发生事件...

网友评论

      本文标题:事件

      本文链接:https://www.haomeiwen.com/subject/ztkwhxtx.html