草庐IT

touch-event

全部标签

javascript - Chrome : "open link in new tab" not firing the click event?

我正在开发一个Chrome扩展程序,它在时执行某些操作在网页中点击标签。下面是一些示例代码:HTML:FooBarJavascript:varmyTd=document.getElementById("mytest");myTd.addEventListener("click",function(){localStorage["foobar"]=1;});当我点击链接时,localStorage键已设置,如果我用鼠标中键单击它,它也会设置键(并在新选项卡中打开链接)。问题是当我使用右键单击并“在新选项卡中打开链接”时。在这种情况下,点击事件似乎没有被触发,因此localStoragek

javascript - 警告 : Added non-passive event listener to a scroll-blocking 'touchstart' event

这个问题在这里已经有了答案:Whatarepassiveeventlisteners?(1个回答)关闭4年前。我在chrome中打开应用程序时收到一个奇怪的警告。我不知道如何摆脱这个警告[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.任何人都可以帮我穿上这个。提前致谢

events - 手势识别 JavaScript 库

我正在开发一个移动网站,并希望为该网站的一些关键功能添加手势识别。是否有合适的javascript库允许我绘制手势并将手势识别为可以连接到事件调用的标记?作为Dolphin中此类功能的示例,请参阅这些链接;还有视频:http://www.youtube.com/watch?v=k73ipSDZJXM 最佳答案 这是一个:http://taitems.tumblr.com/post/2785024873/javascript-gesture-recognition-for-touch-screens并且:https://github.

javascript - meteor .js : how to call helper method from event?

我怀疑我没有按照Meteor的方式来做这件事。我正在制作一个共享的交互式日历。我有一个日历模板:Calendar{{#eachdays}}{{>day}}{{/each}}使用返回日期对象的助手:{date:thisDate.getDate(),dateString:dateString,done:done,today:isToday}我有一天模板:{{date}}有一些帮助者(meetingID目前为开发硬编码):Template.day.helpers({state:function(){//retreivefromDBvars=Meetings.findOne({"_id":me

javascript - react 测试 : Event handlers in React Shallow Rendering unit tests

背景我正在尝试学习如何使用ReactShallowRenderingTestUtil并让测试通过,直到我向两者添加了一个onClick事件处理程序;看来我在Accordion.test.js和this.toggle中尝试使用的Accordion.toggle函数肯定有一些区别在Accordian.js中......但我想不通。问题如何让Accordian.test.js中的两个突出显示的测试通过?重现步骤克隆https://github.com/trevordmiller/shallow-rendering-testing-playgroundnpm安装npmrundev-当您点击“L

javascript - 模拟 touchstart 和 touchend 事件?

我正在开发一个主要用于ipad的jquery组件。那么有没有办法在桌面上模拟“touchstart”和“touchend”事件,而不是让设备本身检查事件。 最佳答案 您可以在jQuery中编写您自己的自定义事件:varevent=$.Event("touchstart",{pageX:200,pageY:200});并且您可以针对DOM中的任何元素发出它们:$("body").trigger(event);演示:http://jsbin.com/ezoxed/edit#javascript,html进一步阅读:http://api.

javascript - IE EDGE "pointer-events: none"无法处理 span 标签

在IEEDGE中,当pointer-events:none;应用于span标签时,它似乎不起作用,当添加javascriptclick事件时,e.target是span而不是parent。HTMLSomethinginaspanblahblahCSS.childspan{pointer-events:none;}JS$(document).click(function(e){console.info(e.target);});完整的Codepen示例:https://codepen.io/JoeHastings/pen/gWgzgK 最佳答案

javascript - 为什么这个事件处理程序使用 "e = e || event"?

谁能解释一下这行代码是什么意思:function(e){e=e||event;e.returnValue=false;returnfalse;}为什么参数名为e?如果我将其更改为“myparam”,它会起作用吗?e=e是什么意思?变量event(在||之后)在哪里声明?什么是e.returnValue? 最佳答案 这都是基本的事件管理,虽然它缺少e.preventDefault()...将其分解,当触发事件处理程序时:一些浏览器将一个参数传递给持有事件数据的回调(这是符合标准的做法)其他浏览器(主要是旧的IE)将事件数据放在wind

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com

javascript - 为什么 event.clientX 在 firefox 中对于 dragend 事件错误地显示为 0?

来自dragend的警报将​​mouseX显示为零,无论它当前位于何处。这在Chrome中运行良好,所以不确定我做错了什么。functionmove(e,obj,but){if(typeof(obj)==='string'){obj=document.getElementById(obj);}if(typeof(but)==='string'){but=document.getElementById(but);}//elementCoord(but);//getthecurrentcoordsofthebutton&elementCoord(obj);//thecontainere=e