13518219792
通过对滑动事件（touchmove）设置e.preventDefault()和e.stopPropagation()函数实现功能。以及禁止解除，即把touchmove改成touchstart即可。
在五常等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、成都网站建设 网站设计制作按需策划设计,公司网站建设,企业网站建设,品牌网站设计,网络营销推广,成都外贸网站建设公司,五常网站建设费用合理。
具体实现思路及代码如下：
1、打开一个HTML页面，页面只有一个h标签，并在浏览器打开开发者调试界面。安卓和IOS调试均正常。
2、添加关键函数，滑动时输出字符。（此时，将e.preventDefault()和e.stopPropagation()两个函数注释）
3、此时，开发者工具console输出：
4、此时，将第三步的注释去掉，将正常的console注释，如下：
5、此时的页面输出如下：（滑动时返回错误）
扩展资料：
js移动端事件：
1、touchstart：当手指触摸屏幕时触发；即使已经有一个手指放在了屏幕上也会触发
2、touchmove：当手指在屏幕上滑动时连续地触发。在这个世界发生期间，调用preventDefault()可以阻止滚动。
3、touchend：当手指在屏幕上移开时触发。
4、touchcancel：当系统停止跟踪触摸时触发。
上面这几个事件都会冒泡，也都可以取消。
虽然这些触摸事件没有在DOM规范中定义，但它们却是以兼容DOM的方式实现的。因此，每个触摸事件的event对象都提供了鼠标事件中常见的属性：
bubbles,cancelable,view,clientX,clientY,screenX,screenY,detail,altKey,shiftKey,ctrlKey和metaKey。
除了常见的DOM属性外，触摸世界还包含下列三个用于跟踪触摸的属性。
1、touches:表示当前跟踪的触摸操作的Touch对象的数组。
2、targetTouches:特定于事件目标的Touch对象的数组。
3、changedTouches:表示字上次触摸以来发生了什么改变的Touch对象的数组。
应该没有就连jquery-ui 都不支持touch，要想有touch event支持mobile devices需要jquery 和 jquery-ui-touch-punch（）
或许你也会用到jquery-mobile
希望能帮到你
1.使用：
$("这个层").on("事件",
"img",
function
()
{
})
//动态生成的有效
2.不要用一个层，用多个层，一个层一个img，然后都绑定事件，一个删掉了隐藏或者删除掉一个层
和 pc端是一样的 不过移动端 有几个 特殊的事件
比如touch 事件
touchstart：手指触摸到屏幕会触发
touchmove：当手指在屏幕上移动时，会触发
touchend：当手指离开屏幕时，会触发
touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下，或者系统中其他打断了touch的行为，则可以触发该事件
tap事件
tap: 手指碰一下屏幕会触发
longTap: 手指长按屏幕会触发
singleTap: 手指碰一下屏幕会触发
doubleTap: 手指双击屏幕会触发
swipe事件
swipe：手指在屏幕上滑动时会触发
swipeLeft：手指在屏幕上向左滑动时会触发
swipeRight：手指在屏幕上向右滑动时会触发
swipeUp：手指在屏幕上向上滑动时会触发
swipeDown：手指在屏幕上向下滑动时会触发
这些事件不能用 $(xx).事件名() 去绑定 应该
$(document).bind('touchmove', function (event) {
console.log('手指在屏幕上滑动了')
event.preventDefault();
});
解绑 用unbind
这个是 jQuery UI Touch Punch类库文件
jQuery UI Touch Punch类库它通过模拟事件来将鼠标事件匹配touch事件 。只需要简单的添加相关类库即可。非常简答，容易使用。
作用是 只需要按照jQuery UI的方法调用，会自动在移动设备上支持触摸事件。
jquery手机触屏左右滑动切换栏目
$(function(){
TouchSlide({
slideCell:"#slideBox",
titCell:".myhd
ul",
//开启自动分页
autoPage:true
，此时设置
titCell
为导航元素包裹层
mainCell:".bd
ul",
effect:"leftLoop",
autoPage:true,//自动分页
autoPlay:true
//自动播放
});
div
id="slideBox"
class="slideBox"
div
class="bd"
ul
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news1.png"
//a
a
class="tit"
href="#"墨西哥教师罢工
与警察激烈冲突/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news2.jpg"//a
a
class="tit"
href="#"日右翼游行纪念钓岛"国有化"周年/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news3.jpg"//a
a
class="tit"
href="#"女兵竞选美国小姐鼓励女性自强/a
/li
li
a
class="pic"
href="#"img
src="${ctxStatic}/img/mobile/news4.jpg"//a
a
class="tit"
href="#"济南现“最窄人行道”
仅0.2米宽/a
/li
/ul
/div
div
class="myhd"
ul
style="height:
28px;"/ul
/div
/div
