英超

jQuery手机浏览器中拖拽动作的艰难性

2020-07-01 20:59:43来源:励志吧0次阅读

jQuery浏览器中拖拽动作的艰难性分析

本文实例分析了jQuery浏览器中拖拽动作的艰难性。分享给大家供大家参考。具体如下:

本想在页中实现一个如iphone可以随意拖动的控制按钮的,但是最后发现竹篮打水一场空,

虽然拖拽动作在浏览器中司空见惯,但是在浏览器中,要想实现可以被拖拽的组件,却是一件不可能的事情。

先来看看在PC页中,拖拽动作是怎么做的,

首先,我们有一个按钮,点击有动作,一直按着不放,可以随意拖动,就像iphone可以随意拖动的控制按钮一样,

如上图的灰色图层,写出来也不甚容易,

首先,要把灰色图层的position属性变为abosulte,之后在jquery脚本要实现的工作要点,是区分click与mousedown+mouseup这一对动作,因为click本来就等于mousedown+mouseup,但是还好,mousedown一段时间时候,马上unbind清空图层对cilck动作的绑定,告诉系统,mousedown之后的动作与click无关,见如下现实代码:

复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "


济南白癜风医院哪里较好
许昌治疗白癜风哪家医院好
唐山白癜病医院
达州白癜风医院
秦皇岛治疗白癜风方法
分享到: