HTML中A标签实现单击和双击事件同时存在

记录下自己在项目中遇到的小问题。就是A标签需要同时实现单击和双击两个事件。直接看代码

 <ul class="level">
    <li>
      <a href="javascript:;">A标签</a>
    </li>
  </ul>
<script>
  var i = 0;
  $("ul.level li a").on('click', function () {
    i++;
    setTimeout(function () {
      if(i == 1) {
        alert('这是单击')
      }
      i = 0;
    }, 300);
    if (i > 1) {
      alert('这是双击');
      i = 0;
    }
  })
</script>

不知道为什么移动端不能触发jQuery的dblclick事件，所以在请教同学才解决。

本人小白，如果有什么问题希望大家一起探讨一起进步，每天进步一小点。