【问题标题】:Javascript equivalent of iOS's 'tap' event, but for androidJavascript 等效于 iOS 的“点击”事件,但适用于 android
【发布时间】:2011-07-25 18:50:37
【问题描述】:

我正在使用 jqtouch 制作一个触摸优化的网站。对于 iOS,我将“点击”绑定到点击侦听器,但这不会在 Android 中注册。我尝试使用 touchend,它可以工作,但它会覆盖任何类型的拖动(当用户试图做的所有事情都是滚动时单击项目)。我会为 Android 绑定什么?这是我的代码:

var userAgent = navigator.userAgent.toLowerCase();
var isiPhone = (userAgent.indexOf('iphone') != -1 || userAgent.indexOf('ipad') != -1 || userAgent.indexOf('ipod') != -1) ? true : false;
var isAndroid = (userAgent.indexOf('android') != -1) ? true : false;

clickEvent = isiPhone ? 'tap' : 'click';
//NEED TO SET THIS UP FOR ANDROID, BUT 'TAP' DOESN'T WORK


$('.work_img').bind(clickEvent, function(event){
     //DO STUFF ON CLICK / TAP
});

【问题讨论】:

  • 绑定到click 不能在 Android 上正常工作吗?
  • 你解决了吗?

标签: javascript jquery android ios jqtouch


【解决方案1】:

在我的 android 4.1 Samsung 袖珍手机上运行的点击事件

$(function() {
        $('#tapme').bind('tap', function() {
          $(this).parent().after('<li>tapped!</li>')
        });
  });

只有当我将它包含在里面时它才有效

$(function() { 
   --- bind here -- 
});

对于android,添加这一行

var jQT = new $.jQTouch({      
        useFastTouch: false
});

当您使用 jquery 时,请确保包括这三个(顺序很重要!!)

<script src="jquery-1.7.min.js" type="text/javascript"></script>
<script src="jqt.min.js" type="text/javascript"></script>
<script src="jqtouch-jquery.min.js" type="text/javascript"></script>

使用 zepto

<script src="zepto.min.js" type="text/javascript" ></script>
<script src="jqt.min.js" type="text/javascript" ></script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-07
    • 2022-01-24
    相关资源
    最近更新 更多