javascript - 如何使用 javascript 仅检测智能手机和平板电脑的 onclick 事件？

Question

如何使用 javascript 仅检测智能手机和平板电脑的 onclick 事件？

https://jsfiddle.net/d87zjbLp/3/

我使用此代码，但我只想在智能手机和平板电脑上调用函数 myFunction()(不在 pc 和笔记本电脑上)

我该怎么做？

<script>
function myFunction() {
    alert("test");
}
</script>

Answer 1

https://jsfiddle.net/0ozss4q4/1/

首先检查是手机还是平板

function isMobileOrTablet() {
 if (navigator.userAgent.match(/Android/i)
  || navigator.userAgent.match(/webOS/i)
  || navigator.userAgent.match(/iPhone/i)
  || navigator.userAgent.match(/iPad/i)
  || navigator.userAgent.match(/iPod/i)
  || navigator.userAgent.match(/BlackBerry/i)
  || navigator.userAgent.match(/Windows Phone/i)
 ) {
  return true;
 }else {
  return false;
 }
}

然后创建一个只有在手机或平板电脑上才会运行的主函数

function onlyMobileAndTablet(callback) {
 if(isMobileOrTablet()) {
  return callback && callback()
 }
}

然后在你想要的地方调用这个函数

onlyMobileAndTablet(function() {
 console.log('only mobile or tablet');
});

或者你可以这样做。

function isMobileOrTablet(callback) {
     if (navigator.userAgent.match(/Android/i)
      || navigator.userAgent.match(/webOS/i)
      || navigator.userAgent.match(/iPhone/i)
      || navigator.userAgent.match(/iPad/i)
      || navigator.userAgent.match(/iPod/i)
      || navigator.userAgent.match(/BlackBerry/i)
      || navigator.userAgent.match(/Windows Phone/i)
     ) {
      return callback && callback(true);
     }else {
      return callback && callback(false);
     }
    }

然后调用函数并检查返回值

isMobileOrTablet(function(res) {
 if (res) {
  // This is mobile/tablet
 } else {
  // this is not a mobile/tablet
 }
});