如何取消移動(dòng)端的長(zhǎng)按事件
Html+Css
0 1618
在app中嵌套h5界面,當(dāng)用戶(hù)長(zhǎng)按的時(shí)候,會(huì)觸發(fā)app端系統(tǒng)默認(rèn)的交互行為。比如:
- 1.長(zhǎng)按文本區(qū)域顯示文字放大鏡,選擇指定區(qū)域的網(wǎng)頁(yè)內(nèi)容,包括文字和圖片執(zhí)行復(fù)制,粘貼等。
- 2.長(zhǎng)按鏈接對(duì)象呼出彈窗框,執(zhí)行頁(yè)面跳轉(zhuǎn)或保存圖片等
這樣的效果很影響美觀(guān),有時(shí)間用戶(hù)感覺(jué)體驗(yàn)很差。
那么怎么解決禁止長(zhǎng)按事件呢?其實(shí)很簡(jiǎn)單那,只要在移動(dòng)端頁(yè)面只要加段js即可。
拓展:
- window.ontouchstart=function(){
- document.documentElement.style.webkitTouchCallout='none';
- };
在ios端使用UIWebView組件的情況下,也可以加上一下代碼:
- - (void)webViewDidFinishLoad:(UIWebView*)theWebView
- {
- [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
- [self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];
- }
發(fā)表評(píng)論