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

Question

我们正在开发一个Web应用程序,它可以在桌面和平板电脑(iPad,Android或表面)上启动.现在我们正在为数字输入构建自己的键盘.使用mousclick将焦点设置在输入字段上时,costum键盘打开正确.但是当您通过触摸的点击(平板电脑)将焦点设置为输入时,默认键盘也会打开.我们的想法是,检测是否有鼠标点击或触摸点击.如果是触摸的点击,我们可以将readonly ="true"属性设置为输入,因此tabled上的默认键盘不会滑入.

有没有办法检测或检查点击的"类型"(触摸或鼠标).

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>

希望这可以帮助.