首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    代码触发,手动触发touchstart事件,touch事件,click事件,自定义事件

    工作中有时候会用到需要用代码去手动触发某个事件或者是自定义事件,通常触发click事件的做法为eleme.click(),遇到touchstart就行不通了。...可以使用以下方式 // 创建事件. var event = document.createEvent('Events'); // 初始化一个点击事件,可以冒泡,无法被取消 event.initEvent...('touchstart', true, false); // 设置事件监听. elem.addEventListener('touchstart', function (e) { //...e.target 就是监听事件目标元素 }, false); // 触发事件监听 elem.dispatchEvent(event); initEvent已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它...'touchstart', function (e) { ... }, false); // 触发event. elem.dispatchEvent(event); Event构造函数也可以使用自定义事件

    4.9K30

    JS篇(028)-移动端 click 事件、touch 事件、tap 事件的区别

    参考答案: 1.click 事件在移动端会有 200-300ms 的延迟,主要原因是苹果手机在设计时,考虑到用户在浏览网页时需要放大,所以,在用户点击的 200-300ms 之后,才触发 click,...如果 200-300ms 之内还有 click,就会进行放大缩小。...mouseover mouseup 的触发 3.tap 事件在移动端,代替 click 作为点击事件,tap 事件被很多框架(如 zepto)封装,来减少这延迟问题, tap 事件不是原生的,所以是封装的...display: none,而从上面的 tap 可以看出,有 touchstart、touchend,所以会 300ms 之后触发 click 事件,而 z-index 已经消失了,所以,触发了下面的...a 的 click 事件,注意: 我们认为 a 标签默认是绑定了 click 事件的。

    6.6K40

    jQuery 双击事件(dblclick)时,不触发单击事件(click)

    出处:jQuery 双击事件(dblclick)时,不触发单击事件(click) 在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。...即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick...)时却会触发两次单击事件(click)。...mouseout,click,dblclick; 在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。...也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。

    5.3K30

    移动端click事件300ms延迟

    移动端click 事件延迟300ms 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟。...基本原理:FastClick的实现原理是在检测到touchend事件的时候,会通过DOM自定义事件立即出发模拟一个click事件,并把浏览器在300ms之后真正的click事件阻止掉。...this.needsClick(targetElement)) { // 如果这不是一个需要使用原生click的元素,则屏蔽原生事件,避免触发两次click event.preventDefault()...,在符合条件的情况下,主动触发了click事件,这样避免了浏览器默认的300毫秒等待判断。...为了防止原生的click被触发,这里还通过event.preventDefault()屏蔽了原生的click事件。

    2.8K21

    jQuery源码解析之click()的事件绑定

    二、$().click() 作用: 为目标元素绑定点击事件 源码: //这种写法还第一次见,将所有鼠标事件写成字符串再换成数组 //再一一绑定到DOM节点上去 //源码10969行 jQuery.each...) 方法( trigger() 放到下篇讲 ) 三、$().on() 作用: 在被选元素及子元素上添加一个或多个事件处理程序 源码: //绑定事件的方法 //源码5812行 jQuery.fn.extend...( { //在被选元素及子元素上添加一个或多个事件处理程序 //$().on('click',function()=<{}) //源码5817行 on: function...origFn = fn; fn = function( event ) { //将绑定给目标元素的事件传给fn, //并通过$().off()卸载掉...:mouse|pointer|contextmenu|drag|drop)|click/, //事件类型的命名空间 //举例:var arr1 = "click.aaa.bbb".match

    1.8K20

    移动端touch拖动事件和click事件冲突问题解决

    实现效果 类似微信里的悬浮窗效果,苹果手机的悬浮球功能效果 可以点击拖动,然后吸附在窗口边缘 点击悬浮球,可以跳转界面,或者更改悬浮球的形态 准备 移动端使用 touch事件类型: touchstart...手指放到屏幕上) touchmove当用户在触摸平面上移动触点时触发 (手指在屏幕上滑动) touchend当一个触点被用户从触摸平面上移除(抬起手指) touchcancel终止触摸事件...问题 当给元素添加了touch事件之后,click事件就不会出发了,那么怎么模拟点击效果呢?...有可能拖动了一圈又回到初始位置 结合计算触摸时长和触摸元素起始位置两种方式,逻辑比较复杂 下面看我是怎么做的: 首先应该了解触摸行为的事件响应机制: 如果有拖动行为,事件执行次序为:touchstart...在touchmove事件中增加一个是否移动过的标记isMoved: true 在touchend事件中判断isMoved是否为true,是true则按原有逻辑执行,是false则说明没有移动过

    2.3K20

    事件总线怎么传值?事件总线有什么特点?

    那么,事件总线怎么传值呢?下文将针对这一问题做详细介绍。 事件总线怎么传值? 事件总线可以帮助两个组件之间实现通信,且两个组件是独立存在的,不需要有父子或者兄弟关系。...首先我们当然需要获得事件总线的引用。我们需要在发送事件之前对事件进行定义,定义完成以后再进行事件的触发。在事件总线中是存在多种关系的,有发布者和订阅中,而事件总线则充当介质的功能。...通过事件总线来进行传值是较为简单的,但也需要防止通信的滥用导致管理的混乱。 事件总线有什么特点? 事件总线可以让两个组件进行通信,且两个组件是可以独立存在的。它可以做到解藕的效果。...它的好处是可以将发布订阅模块独立出来,让发布订阅功能的实现变得非常简单。但是如果事件总线被滥用,也会导致代码逻辑的分散,如果出现问题比较难以溯源,这一点尤为重要。...因此我们在使用事件总线的时候需要合理操作,防止极端情况的出现。 对于事件总线怎么传值这个问题,上文做了一个简单介绍。

    67810
    领券