javascript - 检测输入是否被触摸(平板电脑)或单击(鼠标)

Question

我们正在开发一个网络应用程序，该应用程序可在台式机和平板电脑(iPad、Android 或 Surface)上启动。现在我们正在构建自己的数字输入键盘。当您通过鼠标单击将焦点设置在输入字段上时，服装键盘会正确打开。但是，当您通过触摸单击(平板电脑)将焦点设置为输入时，也会打开默认键盘。我们的想法是，检测是否有鼠标点击或触摸点击。如果是触摸点击，我们可以将 readonly="true" 属性设置为输入，这样表格上的默认键盘就不会滑入。

有没有办法检测或检查点击的“类型”(触摸或鼠标)。

Answer 1

您可以为 touchend 和 click 这两个操作定义一个事件，然后使用事件类型检测触发哪一个:

$('#element-id').on('click touchend',function(e){
  if(e.type=='click')
      console.log('Mouse Click');
  else
      console.log('Touch');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="element-id">Click here</button>

希望这有帮助。