美文网首页
JS补充27–事件2

JS补充27–事件2

作者: 常婧帅 | 来源:发表于2018-08-24 14:30 被阅读0次

                事件分类

鼠标事件

click,mousedwon,mousemove,mouseup,contextmenu,mouseover,moveout,mouseenter,mouseleave

用button来区分鼠标的按钮

DOM3标准规定click事件只能监听左键,只能通过mousedown和mouseup来判断鼠标键。

如何解决mousedown和click的冲突。

var firstTime=0;

var lastTime=0;

var key=false;

document. onmousedown= function(){

      firstTime= new Date(). getTime();

}

document. onmouseup= function(){

      lastTime= new Date(). getTime();

      if( lastTime-firstTime<300){

                key= ture;

      }

}

document. onclick= function(){

    if( key){

          console. log(" click");

          key= false;

    }

}

相关文章

  • JS补充27–事件2

    事件分类 鼠标事件 click,mousedwon,mousemove,mouseup,conte...

  • JS补充27-事件

    事件是交互体验的核心功能。 如何绑定事件处理函数 1.ele.onxxx=function(event){}...

  • JS补充2

    主流浏览器 内核 IE trident chrome ...

  • 补充Cordova流程源码

    从js到native的流程源码补充说明: 事件从js触发到native时,通过注入的对象[SystemExpose...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • JS 事件(2)

    1、事件传播机制、阻止传播、取消默认事件、事件代理这些到底是什么呢? ①事件传播机制:JS事件传播包括三个阶段: ...

  • Vue 事件补充 生命周期 组件化 传值

    一、事件补充 1)函数内部阻止事件冒泡 e.cancelBubble=true; 2)标签内阻止事件冒泡 @...

  • 点透/触屏事件/js兼容性代码

    1.触屏事件 2.cookie 本地存储 3.jsonp 1.hammer.js 2.swiper.js js兼容...

  • Day04(jQuery事件,事件绑定,demo 滑动解锁)

    jQuery 事件 原生JS带 on 的事件,去掉 on 就是 jQ 事件 1.单击事件 click(); 2.事...

  • 025 JS事件

    JS事件 ********* 一、事件的两种绑定方式 ******* 1、on事件绑定方式 2、非on事件绑定方式...

网友评论

      本文标题:JS补充27–事件2

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