javascript - 轻微触摸时触摸屏的事件

标签 javascript jquery

我有一个默认隐藏的元素,当用户将鼠标悬停在该元素上时显示。在触摸屏上,仅当点击元素时才会触发此事件。我正在寻找的是一种一旦用户的手指触摸该元素就显示此内容的方法,我似乎找不到这样的事件。

我尝试过以下代码:

//OnTouch event for about text
$('#about thumbnail').on('touchstart', function(){
    $(this).find('.mask').addClass('touch');
}).on('touchend', function(){
    $(this).find('.mask').removeClass('touch');
});

也没有成功,我包含了默认的 Wordpress jQuery,我是否需要额外的库才能使我的代码正常工作?我不知道如何做到这一点。

谢谢大家!

最佳答案

只要您不是针对具有 3D 触摸功能的最新 Apple iPhone 进行开发,您就无法检测到轻微和坚硬的触摸。每次触摸输入都被视为点击。但你可以尝试减少响应时间延迟。 使用这个库http://hammerjs.github.io/它能够克服手机浏览器中的 500 毫秒锁定。 如果您减少响应时间,它可以在某种程度上模拟您所要求的轻微触摸。

更新:这是另一个库,它提供了更多事件,例如 点击、单击、双击、按住、2x 手指点击、2x 双击、滑动拖动、旋转、捏合、张开、手指 http://quojs.tapquo.com

关于javascript - 轻微触摸时触摸屏的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36812980/

相关文章:

javascript - 如何使用 Material-UI Autocomplete 组件选择多个选项并添加新选项?

javascript - AJAX 发布在 Django View 中失败的 XMLHttpRequest 检查

javascript - 如何从 Javascript 解析外部文件中的 html

javascript - AngularJS - 无法删除小数点后的数字

javascript - 使用 jquery failes 调整 div 大小

javascript - Uncaught Error : INVALID_CHARACTER_ERR: DOM Exception 5

javascript - 重定向到其他页面时 IE10 中的 Cookie 丢失

javascript - 在验证完成之前停止提交?

html - 仅当标签文本可用时添加星号

Django:如何使用ajax上传文件