当前位置:首页 > javascript > 正文内容

DOM事件

自由小鸟6年前 (2019-06-11)javascript2370

1,事件级别

    DOM0-dom.onclick=fun

    DOM2-dom.addEventListener('click',fun,false)

    DOM3-dom.addEventListener('keyup',fun,false) 添加了一些事件

2,事件模型

     捕获  冒泡

3,事件流

    点击对象(捕获)到达 (目标阶段)(冒泡)

    事件通过捕获到达目标阶段上传到window对象就是冒泡过程

4,描述DOM事件捕获的具体流程

    捕获从上到下(window-document-html-body) document.body 

    document.documentElement 拿到html

    (冒泡)从下返着往上

5,Event 对象的常见应用

    event.preventDefault()

    event.stopPropagation()

    event.stoplmmediatePropagation()

    event.currentTarget   当前所绑定事件对象

    event.target   当前点击的对象

6,自定义事件/模拟事件

    var eve=new Event('custome');

    ev.addEventListener('custome',function(){

        console.log('custome')

    })

    ev.dispatchEvent(eve)  自定义触发事件

    Event缺点,只能定义名字,不能加参数

    CustomEvent,可以加参数



版权声明:本文由Web学习之路发布,如需转载请注明出处。

本文链接:https://www.webge.net/?id=37

“DOM事件” 的相关文章

数组去重

var a=[1,3,4,5,6,1,3,9,6]; //代码是去重后的 function arrfn(data){ let newObj={}; for(let i=0;i<data.length;i++...

最全的js运行机制

最全的js运行机制

主线程Event Queue:(微任务,宏任务) 1,主线程执行完后2,到Event Queue里找,先执行微任务,再宏任务...

js 深浅拷贝

对象浅拷贝Object.assign,也可以做到浅拷 slice let obj=[11,22,33,44,['aa','bb','cc']] let aaa=obj.slice(0); aaa[4][0]='ccc' c...

SSO单点登陆

1、单点登录实现原理1)登录 注意:1)跳转SSO验证登录时,需要使用sendDirect重定向;2)浏览器与SSO之间建立的会话成为全局会话。扩展:a.spring项目如何获取本机的IP地址? 获得仅为ip地址不带端口b.spring项目如何获取项目端口? 2)注销 SSO认证中心有一个全...

IOS软键盘收起留白问题及Input光标过长问题

1.Input光标过长问题iso 中input 光标长度与line-height有关,input本身字体就是上下居中的因此不需要设置,但如果想控制光标的长度可以通过设置line-height高度来控制; 2.IOS软键盘收起留白 1.可以通过输入框失去焦点 <div class=&quo...

js cookie实现在一天内只执行一次

function versionExpireTime(key,method) { var v = getCookie(key); if (!v) { method(true); //外面传进来的callback,方便告诉外部是否过期 //获取...