如果浏览器在触摸设备上，如何更改图像？

Question

基本上，我想为桌面浏览器显示一个小箭头键图形，告诉用户他们可以使用键盘上的箭头键导航网站。但是，如果站点已加载到触摸设备上，我想将此图像更改为指纹图形。

对于JavaScript，我是一个新手，所以我不知道如何解决这个问题。

有什么想法吗？

Answer 1

您需要确定浏览器是否支持触摸。您可以使用用户代理检测或使用Modernizr的技术之一来执行此操作。 （http://modernizr.github.com/Modernizr/touch.html）不同的技术在不同情况下有效，因此您可能需要使用用户代理检测。

function isTouchDevice() {  
   try {  
      document.createEvent("TouchEvent");  
      return true;  
   } catch (e) {  
      return false;  
   }  
}

然后您可以设置图像源

if (isTouchDevice()) {
   document.getElementById("myImage").src = "fingerprint.png";
}