在移动设备webbrowser

时间:2017-01-02 21:34:24

标签: javascript jquery html

我有一个网页,我设计用于手机和PC。 UI的一部分是一个表格,其中可以通过拖动鼠标并使用按钮向下拖动鼠标来轻松标记多个相邻单元格(使用来自Js的mousedown事件)。然而,在我的智能手机上,当我拖过单元格时,浏览器会尝试滚动窗口。我整个上午都看了,找不到我要找的答案。如何使触摸拖动的行为类似于我的网页上的鼠标拖动。

更新: 我在我的表的每个单元格中都有onmouseover和onmouseclick事件触发函数,如果鼠标按下,函数会增加变量,当鼠标向上时它会减小它。因此,当按下鼠标按钮时,会发生一个动作。下面是如何制作桌子的单元格。下面是函数bob和bob2。

{echo  '<td width="8" onttouchmove="bob(id)" ontouchstart="bob2(id)" onmouseover="bob(id)" onmousedown="bob2(id)"  id='.$key.'>'.$value.'</td>';}

<script>
document.body.onmousedown = function(){
                        mouseDown++;
        }

function bob(clicked_id)
        {
         if (mouseDown)
         { THEN DO SOMETHING }
function bob2(clicked_id)
       {DO SOMETHING}

 </script>

我觉得jquery swipe事件就是我想要的,但我不确定如何在表设置期间实现它。

1 个答案:

答案 0 :(得分:0)

手机和平板电脑不使用鼠标,因此您的鼠标事件不会也不会被触发。您需要改为使用touchstarttouchend