事件主题的文章列表，还有事件的技术要点_第30页

cloneNode与事件拷贝

用法:varnewNode=oldNode.cloneNode(deep);//deep，布尔值，若为true，则克隆oldNode及其子节点，否则只克隆oldNode本身关于复制事件1.内联的事件，例如<divonclick=""></div>，onclick会被复制，并且可以正常使用2.IE...

代码星球 ·2020-06-29

阻止光标默认事件

阻止光标的默认事件，例如阻止上键光标回到输入框头部，可以在onkeydown中，onkeyup和oninput事件中不行。<inputonkeydown="fKeyDown(event)"/>判断event键为向上(38)时，阻止一下默认事件，直接返回functionfKeyDown(event){vark...

代码星球 ·2020-06-29

JavaScript阻止冒泡和取消事件默认行为

//功能:停止事件冒泡functionstopBubble(e){if(e&&e.stopPropagation){e.stopPropagation();}else{//ieoldwindow.event.cancelBubble=true;}}//功能：阻止事件默认行为functionstopDef...

代码星球 ·2020-06-28

模拟tap事件和longTap事件

移动端模拟tap和longTap事件，基本原理就是在touchstart和touchend事件中，计算触摸的位移和时间差，位移在一定范围内(轻微滑动)，时间小于150ms为tap事件，时间大于300ms为longTap事件。(function(){varTOUCHSTART,TOUCHEND;if(typeof(win...

代码星球 ·2020-06-28

循环注册事件的几种写法

<body><ul><li>0</li><li>1</li><li>2</li></ul><script>varnode=document.querySelectorAll('ulli')for(va...

代码星球 ·2020-06-28

事件委托优缺点和实现

functionfDelegate(parentSelector,targetSelector,event,callback){varparent=document.querySelector(parentSelector);parent.addEventListener(event,fEventHandler,fal...

代码星球 ·2020-06-28

onscroll事件的浏览器支持

window和普通div对象的scroll事件，被全部浏览器支持，其他元素的scroll事件，仅部分浏览器支持，如下图出处: http://w3help.org/zh-cn/causes/SD9013...

代码星球 ·2020-06-28

touch事件中的touches、targetTouches和changedTouches详解

touches:当前屏幕上所有触摸点的列表;targetTouches:当前对象上所有触摸点的列表;changedTouches:涉及当前(引发)事件的触摸点的列表通过一个例子来区分一下触摸事件中的这三个属性：1.用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。2.用第二个手指接触屏幕，此时，touches有两...

代码星球 ·2020-06-28

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)(转)

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。一开始触摸事件touchstart、touch...

代码星球 ·2020-06-28

IOS 手势事件的冲突

关于手操作需要强调几点：UIImageView默认是不支持交互的，也就是userInteractionEnabled=NO，因此要接收触摸事件（手势识别），必须设置userInteractionEnabled=YES(在iOS中UILabel、UIImageView的userInteractionEnabled默认都是...

代码星球 ·2020-06-27

UIView的Touch事件UIControlEvents详解

首先，UIControlEvents有这个几种：UIControlEventTouchDown =1<< 0, //onalltouchdownsUIControlEventTouchDownRepeat&...

代码星球 ·2020-06-27

拖拽实现备忘：拖拽drag&拖放drop事件浅析

1、相关重点　　DataTransfer对象：拖拽对象用来传递的媒介，使用一般为Event.dataTransfer。　　draggable属性：就是标签元素要设置draggable=true，否则不会有效果，例如：<divtitle="拖拽我"draggable="true">列表1</div>...

代码星球 ·2020-06-27

JS中的单线程与多线程、事件循环与消息队列、宏任务与微任务

　　我们在接触到JavaScript语言的时候就经常听到别人介绍JavaScript是单线程、异步、非阻塞、解释型脚本语言。　　确切的说，对于开发者的开发过程来说，js确实只有一个线程（由JS引擎维护），这个线程用来负责解释和执行JavaScript代码，我们可以称其为主线程。　　代码在主线程上是按照从上到下顺序执行的...

代码星球 ·2020-06-27

设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式

　　在开发应用的过程中，想要使得窗口在普通大小可以拖动，经常会设置该css属性：-webkit-app-region:drag;　　但是设置了这个属性后，发现双击全屏和restoresize等功能又废了，包括鼠标样式等等，实际上加了该属性就触发不了鼠标的相关事件。　　通过搜索不难发现，有如下方案：　　1、拖动不要用-w...

代码星球 ·2020-06-27

vue组件的hover事件模拟、给第三方组件绑定事件不生效问题

1、vue里面实现hover效果基本需要用事件模拟<div@mouseover="overShow"@mouseout="outHide">　　或者是：mouseenter、mouseleave2、比如给第三方组件ElementUI的button，在绑定mouseover和mouseout事件时，发现绑在按...

代码星球 ·2020-06-27