首頁(yè) 猿問(wèn) 在禁止了頁(yè)面的觸摸拖動(dòng)事件之后如何...

在禁止了頁(yè)面的觸摸拖動(dòng)事件之后如何允許某div可以拖動(dòng)

JavaScript

慕桂英3389331 2019-04-14 09:52:48

針對(duì)IOS上的safari目的是禁止默認(rèn)的拖動(dòng)事件但允許其中某div的滾動(dòng)拖拽禁止拖動(dòng)的默認(rèn)事件document.body.ontouchmove=function(e){e.preventDefault();}下面鏈接的搜索按鈕打開(kāi)之后的列表需要拖動(dòng)但要禁止全局拖動(dòng)（帶反彈效果的默認(rèn)拖動(dòng)效果）http://itorr.sinaapp.com/fm補(bǔ)充還有個(gè)奇怪的現(xiàn)象在觸發(fā)了設(shè)置IOSsafari特有的滾動(dòng)樣式的div的拖動(dòng)事件頁(yè)面會(huì)自動(dòng)禁止慣性拖動(dòng)猜測(cè)可能可以利用這個(gè)特性

查看完整描述

2 回答

30秒到達(dá)戰(zhàn)場(chǎng)

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

你只是把body中的touchmove事件prevent掉了。捕獲到你想要拖動(dòng)的div的touchmove事件就行了。javascriptdocument.querySelectorAll('div')[0].ontouchmove=function(e){//dosomething...};

反對(duì) 回復(fù) 2019-04-14

開(kāi)心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

問(wèn)題解決T_T犯蠢了。。。禁止body的觸摸移動(dòng)的默認(rèn)動(dòng)作之后document.body.ontouchmove=function(e){e.preventDefault();}在需要滾動(dòng)拖拽的div上停止冒泡即可解決OAQdiv.ontouchmove=function(e){e.stopPropagation();//停止冒泡};