jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 在移动设备上悬停并单击事件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为桌面和移动设备创建一个响应式网站.我有一个悬停和点击事件的问题,我不知道如何解决移动设备上的用户.

在网站上,我有一个包含在链接中的框(div).在桌面上,当用户将鼠标悬停在桌面上时,带有文本内容的不同颜色框会向下滑过第一个框.当用户单击该框时,该链接会将其带到指定的页面.我正在使用jQuery.

现在,在移动设备上,当用户点击该框时,第二个框向下滑动.但实际关注链接需要第二次点击.我正在创建此公司的公司要求,当用户点击一个框时,第二个框将向下滑动,在2秒延迟后,它将自动将它们发送到指定页面.这样,用户只需点击一次.

我不知道如何使这项工作.我想过使用jQuery mobile,但我无法找到绕过第一次点击的方法(移动设备将其视为悬停事件)并激活链接.

谢谢

@H_502_10@

解决方法

我同意@DZittersteyn关于这是一个糟糕的设计这一事实.您可以在移动设备中显示内容,以便点击的人知道他点击了什么.
if(!!('ontouchstart' in window)){//check for touch device
  $('myElement').unbind('click mouseenter mouseleave'); //use off if you used on,to unbind usual listeners
  $('myElement').on('click',function(){
    //slide down code
    setTimeout(function(){
       window.location.href='asdasd.html';
       },2000);
    });
}

或者你可以使用

if(!!('ontouchstart' in window)){//check for touch device
//behavIoUr and events for touch device
}
else{
//behavIoUr and events for pointing device like mouse
}
@H_502_10@ @H_502_10@
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

大佬总结

以上是大佬教程为你收集整理的jquery – 在移动设备上悬停并单击事件全部内容,希望文章能够帮你解决jquery – 在移动设备上悬停并单击事件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: