【ionic+angularjs】iphone手機點選穿透問題的解決
開發頁面A的頭部是input的框(搜尋框),頁面B的頭部是文字描述,左邊有返回按鈕,在頁面A中點選某元素可以跳轉到頁面B,然後點選頁面B的返回按鈕可以返回到頁面A。想象來了,點選頁面B的返回按鈕,在返回到頁面A之後,居然頭部的搜素框設定焦點並彈出的輸入法鍵盤,然而我並沒有點選呢,why?有點懵圈。
有問題就得分析解決問題:
1、考慮過事件阻止以及冒泡
2、考慮過div層的事件點選問題
然並卵!繼續百度吧,發現“點選穿透”的概念,發現一個好博文,讓人豁然開朗!連結如下:
http://blog.csdn.net/alex8046/article/details/52299785
按照博文中的解決方法,採用延時的方式,元素繫結on-tap事件,採用$timeout解決問題(PC上未測試)。
後又發現比較好的解決方法:
在點選元素上設定屬性:data-tap-disabled="true",事件繼續繫結ng-click,不使用$timeout,完美解決。
以上,請大家糾正與討論,謝謝!
相關推薦
【ionic+angularjs】iphone手機點選穿透問題的解決
在用ionic+angularjs開發頁面時,出現點選穿透的現象,先來描述下我的現象: 開發頁面A的頭部是input的框(搜尋框),頁面B的頭部是文字描述,左邊有返回按鈕,在頁面A中點選某元素可以跳轉到頁面B,然後點選頁面B的返回按鈕可以返回到頁面A。想象來了,點選頁面B的
【js例項】js實現點選標題標籤切換顯示對應內容
var box = document.getElementById("tab"); //獲取滑動標籤最外層元素 var olis = box.getElementsByTagName("li"); //獲取標籤元素 var odivs = box.getElementsByTagNa
angularJs a標籤重複點選無效解決方法
在A標籤上加入 ui-sref-opts="{reload:true}" 屬性ui-sref-opts="{reload:true}"起到重新整理當前超連結路由的作用例:<a href="javaScript:void(0);" ui-sref-opts="{reload:true}">提交<
Fragment 點選穿透 解決辦法
在做專案,用activity+fragment 填充檢視時, 發現有些Fragment會存在點選穿透效果(就是底層的Fragment可以響應上層的觸控以及點選事件) 但是當填充的Fragment的跟
Android開發技術點2——Fragment疊加點選穿透解決方案
當Fragment棧中有多個add Fragment時,點選最上層Fragment時的空白處,如果對應的下層Fragment中存在按鈕或其他事件,那麼奇妙的事情就發生了,會穿透點選到下方的事件,不可否認
【js】js模擬點選a標籤,觸發href
js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果
【VUE元件開發】VUE隨意點選列表元素切換選中樣式,並有序陣列新增索引和數值
直接檢視程式碼以及樣式 <template> <div> <!--頂部step--> <div class="dataStep"> <!--<img src="static
【iOS】播放按鈕點選音效
有點選按鈕產生音效的需求 /** 設定簽到音效 @param name 音效名稱 @param soundtype 音效型別 @param playtype 播放型別 */ -(void)playSoundWithName:(NSString *)name soundtype:
【Android學習筆記】 點選穿透(Click Through)
問題:開發一個App,主介面用了Activity,子頁面用了Fragment。從Activity跳轉到Fragment後Fragment透明,並且點選擊穿到Axtivity。 分析:剛開始沒有注意到點選擊穿,就是把背景換成不透明的顏色,這時在點選Fragment空白處時才發
移動頁面【點選穿透】問題
1. click事件與300s延遲 移動瀏覽器,使用者觸碰頁面之後需等待一段時間來判斷是不是(double Tap)動作,而不是立即響應單擊(click),響應時間為300ms。 移動事件提供了 touchstart、 touchmove、
【jQuery】簡單的點選刪除按鈕清空輸入框的內容
測試程式碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&
【Ionic實戰】一個和AngularJS的跨平臺(iOS,Android) APP框架
關於 使用HTML5和CSS來開發手機應用,一直是廣大前端開發者的理想,並且已經有不少解決方案了。例如 PhoneGap(用javascript來呼叫裝置原生API)JQuery Mobile(UI庫)Titanium(混合方式)AppCan(國產的開發工具) Ioni
【日常新手入門】android之點選變色
實現點選button改變button的顏色只需要在drawable中新增selector.xml檔案即可<selector xmlns:android="http://schemas.android.com/apk/res/android">
【Unity3D】用滑鼠點選事件、AddForce完成跳躍與二段跳
遊戲裡面的跳躍和二段跳真的不是很難,尤其是Unity3D直接提供力量模擬引擎更是可以用極其簡短的程式碼完成這一切。 下面的程式將加一個對滑鼠左鍵點選的監聽,實現兩個球的跳躍與二段跳的功能,主要思想還是處理球在跳躍的時候,應該是不允許再跳躍的,而在球落地之後才重新開啟跳躍功能
【web】a標籤點選時跳出確認框
需求如下: 在跳轉連結前,需要判斷該使用者是否有許可權開啟頁面,沒有許可權的彈出一個確認框提示“沒有許可權”,有許可權的則直接跳轉頁面。 a標籤點選時跳出確認框 方法一: <a href="http://www.baidu.com" onClick="retur
【Android】Android 水波點選效果
由於Material Theme只可以在Android L Developer Preview中使用。 所以在低版本使用的話就需要為其另設一套主題: 在老版本使用一套主題 res/values/styles.xml,在新版本使用Material主題res/values-v
【福利季】《手機歷史漫談》
操作 歷史 三國殺 山寨 真的 時間 外觀 pan 多人 本文地址 原文地址--微信 點擊關註 微信公眾號 手機眾生相 手機大家都不陌生,不管你拿的是高逼格的蘋果手機,還是親民的安卓手機,甚至你固執地懷舊拿著諾基亞的手機,都無
【noip模擬】最小點覆蓋
mes 都是 ons mar 長度 最小 一句話 標記 com Time Limit: 1000ms Memory Limit: 128MB Description 最小點覆蓋是指在二分圖中,用最小的點集覆蓋所有的邊。當然,一個二分圖的最小點覆蓋可能有很多
【分治法】最接近點對問題(轉)
線性 sig 2個 線性時間選擇 i++ srand 排序算法 esp 坐標 轉自:http://blog.csdn.net/liufeng_king/article/details/8484284 問題場景:在應用中,常用諸如點、圓等簡單的幾何對象代表現實世界中的實體。在
【刷題】BZOJ 3930 [CQOI2015]選數
枚舉 () AD 方式 logs sam span mark 目的 Description 我們知道,從區間[L,H](L和H為整數)中選取N個整數,總共有(H-L+1)^N種方案。小z很好奇這樣選出的數的最大公約數的規律,他決定對每種方案選出的N個整數都求一次最大公約數,