最近做的手机端应用,客户尽然出现那种将手机字体调到最大,然后一个功能的入口按钮就看不到了的情况;然后就出现了拖拽功能…
这里是一个非常简单的实现方法(没有考虑太多因素,只是实现);
需要注意的是:
1、获取的元素必须以id的方式获取,别的方式可能监听不到事件的变化;甚至hi报错;
2、实现原理是将该元素的离顶高度和离左宽度和手指所放的位置一致;那么,正常情况下,一般点击拖动的时候会点击按钮的中间部分;所以要将手指的位置相对减去按钮宽高的一半才会将按钮放到相对拖动的位置;
3、要取手指只有一个的情况,如果有多个的情况是失效的;so:e.targetTouches[0]
下面是相关的pc端和手机端触击事件:
pc端:
手机端: