Tag: touch

使用TouchSwipe在元素上进行多次滑动事件: 我想用TouchSwipe绑定DOM元素上的多个滑动事件。该演示没有多个事件的示例。我尝试了以下内容： $(“#test”).swipe( { //Generic swipe handler for all directions swipeRight:function(event, direction, distance, duration, fingerCount) { alert(“you swiped ” + direction); }, //Default is 75px, set to 0 for demo so any distance triggers swipe threshold:10 }); $(“#test”).swipe( { //Generic swipe handler for all directions swipeLeft:function(event, direction, distance, duration, fingerCount) { alert(“you swiped ” […]

浏览器处理触摸设备的鼠标hover事件会导致错误的点击事件触发: 我对浏览器在触摸设备上处理鼠标hover和鼠标移动事件的方式有疑问。我有一个元素A，当你hover鼠标时，它会显示并隐藏另一个元素B. 元素B是一个带有单击事件的按钮。使用鼠标时这非常好，但使用触摸输入时，当然没有鼠标hover。浏览器自动处理这种方式，当你点击元素时，鼠标hover事件被触发，当你点击屏幕上的任何其他地方时，mouseleave事件被触发（这在大多数情况下是有意义的）。现在我的问题是两个事件只需轻轻一击即可立即触发。我无法找到解决办法。似乎没有办法判断输入是来自鼠标还是触摸输入。我把一个简单的jsfiddle放在一起展示了这个问题： https ：//jsfiddle.net/djmpx1q4/1/ $(“#outer”).hover(function(){ show(); }, function(){ hide(); }); function show() { $(“#inner”).css(‘display’, ‘block’); $(“#inner”).on(‘click’, function(){ alert(‘hello’); }); } function hide() { $(“#inner”).css(‘display’, ‘none’); $(“#inner”).off(‘click’); } #outer { padding:50px; width:200px; height: 200px; background-color: #FFFFFF; } #border { border: 1px solid black; width:100%; height:100%; } #inner { display: […]

JQuery .on（“点击”）在触摸设备上触发“鼠标hover”: 当使用JQuery的$.on(“click”, function(){});时，我遇到了不需要的行为$.on(“click”, function(){}); 在触摸设备上。这是我的代码如下：码： $(“.team”).on(“mouseover”, teamMouseOver); $(“.team”).on(“mouseout”, teamMouseOut); $(“.team”).on(“click”, teamThumbClicked); function teamMouseOver(event){ console.log(event.type); } function teamMouseOut(event){ // Do something } function teamThumbClicked(event){ console.log(“Clicked!”); } 问题：使用上面的代码，点击触摸设备上的.team元素同时触发两个侦听器，为我提供以下控制台日志： mouseover Clicked! 问题为什么在触摸设备上触发mouseover ？这不是我对没有鼠标的设备所期望的行为。这是一个错误吗？我应该使用什么事件，因此当鼠标指针正在进入时，“mouseover”才会被触发？我的JQuery版本是2.2.4。

在Twitter Bootstrap中使用tap事件: 我正在使用twitter-bootstrap开发一个可以在多个设备上呈现的Web应用程序。现在我想处理’tap’事件。所以我的问题是：我可以使用jquery 1.7.2处理’tap’事件而不使用jqueryMobile吗？如果上述问题的答案为否，那么如何将jqueryMobile与twitter-bootstrap集成。因为我尝试在我的twitter-bootstrap页面中包含jQueryMobile js，当我使用它时，页面中断！

触摸iphone中的表格单元格上的事件: 我有一个6列cols 8行的表。当用户触摸并移动到桌子的单元格时，我必须实现这一点，这些单元格将填充一些字母或符号。我已经尝试了以下但它不起作用，它只填充了我开始触摸的第一个单元格。 $(“#patterntable td”).on(“touchmove”,function(ev){ ev.preventDefault(); […]

禁用fullpage.js上的触摸滑动: 我正在为单页营销网站使用fullpage.js插件。我正在使用导航链接跳转到网站周围的场景（所有水平），因此我想禁用触摸/滑动（场景之间）function，因为它会干扰其他触摸元素。我已经阅读了所有文档，但我无法找到如何实现这一目标。欢迎任何帮助。谢谢，杰克。

e.preventDefault（）不是防弹？: 我问了一个类似的问题，但没有得到真正令人满意的答案，所以我会在这里再试一次。当我使用这样的代码时： $(“#element”) .on( ‘click’, function() { // do something } ) .on( ‘touchstart’, function(e) { e.preventDefault(); // do the same thing but on touch device like iPad fe // and more over PLEASE do not fire the click event also! } ); 我期望click事件永远不会永远不会被触发（因为浏览器应该通过事件处理层次结构）但实际上当我触摸元素时，让我们说20次，而不是一次点击事件也会触发。为什么？我也尝试过这样的事情： $(“#element”) .on( ‘click’, function() { // do something } […]

使用jQuery将click事件切换到touchstart的最佳方法: 我有一个使用大量$(document).on(‘click’, selector, …)事件处理程序的Web应用程序，我想将它们全部切换为’touchstart’事件，但我想避免在任何情况下任何事件冒泡或重复。我想把所有这些分成单独的JS文件，但是，有很多这些文件利用上面提到的事件监听器。我有兴趣以任何方式获得这个，如果有的话？我在考虑： $(‘a, button, input’).each(function() { $(this).on(‘touchstart’, this.click); }); 但这可能是一个性能问题。

点击触摸设备时如何防止“鬼”点击超链接: 当我完全触摸标签元素的边框时，它会触发click事件，但不会触发touchstart事件。为什么会这样？为了表明问题我做了这个小提琴： http ： //jsfiddle.net/o8cvqL0L/8/ a标签有2个事件： $(‘#yellow’).on(‘touchstart’, function(e) { alert(‘touch’); e.preventDefault(); }); $(‘#yellow’).on(‘click’, function(e) { alert(‘click’); }); 只需在黄色元素的边框上触摸即可。有什么方法可以避免这种行为吗？我在Android浏览器，Safari和桌面Chrome上进行了测试。非常感谢你！编辑：触摸必须在元素之外，但仍在触摸的radiusX / Y内，以成为单击。 click侦听器中的clientX / Y和pageX / Y的值不正确，显示对应于该元素的所有不对的坐标。（ http://jsfiddle.net/o8cvqL0L/35 ）拥有一个带touchstart侦听器的容器似乎使得子元素中的这些奇怪行为消失，并且事件对象中的坐标是正确的。（ http://jsfiddle.net/o8cvqL0L/42/ ）然后，使用事件委托修复了问题，但仅当目标元素是div而不是像我之前的例子中的链接时。这里是div元素的解决方案： http ： //jsfiddle.net/o8cvqL0L/44/ 我仍然在寻找标签的解决方案以及这些问题的记录原因。