草庐IT

触摸式

全部标签

javascript - 触摸屏和 Javascript DOM 鼠标按下事件

我有一个使用触摸屏的javascript网络应用程序,浏览器是基于webkit的。我遇到了这个问题:addEventListener("mousedown",function(event){console.log('downfired');event.target.classList.add('down');},true);当使用鼠标时,目标元素类在按住鼠标时立即添加,但当使用触摸屏时,当手指按住元素时目标元素类不会改变。然而,奇怪的是,控制台日志消息是在鼠标单击和ts按下的按下事件上发送的。关于如何解决这个问题有什么建议吗??谢谢编辑我添加了touchstart事件监听器,但它不会在

javascript - 有条件地阻止移动 safari 中的滚动/触摸移动事件

iOS5现在允许原生溢出:滚动支持。我想做的是为所有元素禁用touchmove事件,但具有“可滚动”类的元素或其子元素除外。但我似乎无法让它工作;这是我一直在使用的以下内容:.scrollable{height:5em;overflow-y:scroll;-webkit-overflow-scrolling:touch;}//doesn'tseemtoworkvarhandleMove=function(e){if(!$(e.target).parents().andSelf().hasClass('scrollable')){e.preventDefault();}};documen

javascript - 如何防止默认触摸 hammer.js

如果用触摸设备点击anchor,我想阻止点击通过,但如果用鼠标点击则正常运行。原因是,在桌面上,您将鼠标悬停在anchor上以查看更多信息,然后单击以查看产品。在手机上,我希望第一次点击显示信息,第二次点击查看产品。我已经尝试了以下各种变体:$('article.productasidea.link').hammer().on('tap',function(ev){if(ev.gesture.pointerType=='touch'){ev.gesture.srcEvent.preventDefault();returnfalse;}});有没有人对此有任何想法?

javascript - 如何触发触摸事件?

让我们从一些事件监听器开始:window.addEventListener('scroll',function(e){console.log('scroll',e);});window.addEventListener('touchstart',function(e){console.log('touchstart',e);});window.addEventListener('touchmove',function(e){console.log('touchmove',e);});window.addEventListener('touchend',function(e){conso

javascript - 将分页控件添加到整页触摸滑动器/ slider - Hammer.js

CLICKFORFIDDLE下面是我使用hammer.js创建的功能齐全的全页触摸slider您可以拖动、滑动或平移在页面之间导航。slider按预期工作,但我现在尝试通过添加两个按钮来创建后备导航,以便在单击时也可以向左和向右分页。问题如何在点击时调用锤子向左或向右滑动?(Javascript或jQuery)。当前尝试$('#Left').on('click',function(){HammerCarousel(document.querySelector('.Swiper'),'Left');});完整代码functionswipe(){varreqAnimationFrame=(

javascript - 如何判断浏览器是否在带有 JavaScript 的触摸屏设备上?

我知道这是一个老生常谈的问题,但我想知道访问我网站的设备是否是触摸屏。这当然意味着可以单独检测到的手机和iPad,还有可能运行Windows风格的其他触摸屏。是否有机会确定鼠标是否存在?假设我愿意使用像Modernizr这样的大型JavaScript库.这会有帮助吗? 最佳答案 您可能想查看MobileESP.不仅仅是触摸屏,但它至少为您提供了一些检测功能。从他们的页面:TheMobileESPprojectseekstoprovidewebsitedevelopersaneasy-to-useandlightweightAPIfo

javascript - Sencha 触摸 2 : itemtap on IE not targeting divs

我正在开发一个Cordova混合应用程序,目前在Windows8.1和SenchaTouch2上遇到问题。我在一个带有一些子元素的列表项上得到了一些div。我定义了一个点击监听器。这适用于Android和IOS,但不适用于Win8.1和InternetExplorer。我总是得到上面说谎的列表项元素,而不是点击的div容器。这是简化的例子:查看:Ext.define('App.view.MyDataView',{xtype:'mydataview',extend:Ext.dataview.List,config:{inline:false,title:"myTitle",scrollT

Javascript/jquery,获取 (x,y) 处的所有 div 位置。转发触摸?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetalistofallelementsthatresidesattheclickedpoint?我知道我可以使用document.elementFromPoint(x,y)获取具有最高z-index的元素。问题是我需要获取包含触摸事件位置的每个div。如何将触摸传播到下面的元素?我见过一些在重新生成事件时显示/隐藏元素的hacky解决方案,或者使用css的指针事件样式,但是我不能使用这些,它们可能会导致闪烁...下图说明了我需要做什么:如果紫色、绿色和蓝色框代表div元素,红点是触摸位置,我需要

javascript - Sencha 触摸 : Component on DataView that looks like List Group Header

我正在使用Ext.dataview.DataViewView。我想向此数据View添加一个组件,它看起来像Ext.dataview.List中的grouperheaders以保持设计一致。我只想在头上应用一次这个组件(所以基本上只有一组)。将View更改为列表不是一种选择,因为它的复杂性会带来更多新问题。我已经尝试过添加一个面板并应用x-list-header类,但这没有成功。使组件看起来像列表的组标题的最简单方法是什么?Ext.define('app.view.myDataView',{extend:'Ext.dataview.DataView',xtype:'mydataview'

javascript - 扩展 jQuery 的 .on() 以处理移动触摸事件

我正在尝试在没有其余jQueryMobile的情况下使用jQueryMobile事件。https://github.com/jvduf/jquery-mobile-events/blob/master/jquery.mobile.events.js该代码段支持所有这些,并且工作正常,但不适用于.on()事件处理程序。例如:$('a').on('tap',function(){console.log('Hithere!');});但是它确实可以与.live()一起使用,但现在已贬值。所以我的问题;有没有办法扩展.on()功能以包括点击事件和其他事件?完整列表如下:触摸启动触摸移动触摸方向