click事件在蘋果手機失效的問題
用一個div當做了一個按鈕來使用。
<div class="button">
<div class=" next_button button_left btn_red" style="width: 345px;">
下一步
</div>
</div>
因為是動態新增的內容,所以想要使用click事件,需要給他用on繫結一下:
$(document).on("click",".next_button",function(){ alert(); });
這個時候,使用蘋果手機訪問的時候,發現了一個坑爹的問題,如論如何點選“下一步”,都沒有任何反應,可是在安卓和各種模擬器中一切正常。後來經過查詢資料才知道,蘋果有這麼個設定:
對於點選的物件,擁有cursor:pointer這個樣式的設定,也就是說,滑鼠放上去,能夠出現“手”型的圖示才被認作可以使用點選事件,於是果斷增加了樣式
<style>
.next_button{
cursor:pointer
}
</style>
轉載地址:https://blog.csdn.net/yuexiage1/article/details/51612496
相關推薦
click事件在蘋果手機失效的問題
用一個div當做了一個按鈕來使用。 <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;">
iscroll5在使用情況下click事件失效的問題
問題 技術 進行 alt false sil turn 設備 word 轉載自:http://www.52html5.com/?p=2618 Bug描述: iOS、android4.4+下不能觸發click事件。 Bug解決: 調用iscroll插件,增加配置參數:
html 手機端click 事件延遲問題(fastclick.js使用方法)
cat 設計 fun 等待時間 get click tla 調用 span 下載地址: fastclick.js 為什麽存在延遲? 從點擊屏幕上的元素到觸發元素的 click 事件,移動瀏覽器會有大約 300 毫秒的等待時間。為什麽這麽設計呢? 因為它想看看
html 手機端click 事件去掉黑色陰影效果
phone asc 一個 ios pad tap 背景 ipa 就會 添加css樣式 html{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 1、 -web
通過js添加的DOM節點的click事件綁定不上的解決方案以及IOS下click事件委派失效的解決方案
之前 obj cli 並且 create 使用 引入 gpo 聲明 問題描述: 如以下代碼所示,通過js添加的Dom節點,在其上綁定點擊事件,有的時候會出現點擊事件不響應的情況,按照正常的理解,js代碼具有阻塞性,Dom節點添加成功之後,就可以找到該節點並綁定事件,沒有道理
關於click事件失效問題
當使用jq添加了新的html標籤後 .append("<div class='divEvaluate'><textarea name='txtEvaluate' cols='30' rows='5'/></textarea><br /><inp
vue 介面在蘋果手機上滑動點選事件等卡頓解決方案
用vue編寫專案接近尾聲,需要整合到移動端中,在webstorm上介面,執行效果都很完美,但是在蘋果手機上各種問題都出現了,原生專案一向滑動流暢,事件響應迅速,可是蘋果手機開啟這個專案有兩個問題,(1).滑動頁面卡頓,(2).點選事件響應緩慢,百度才發現在蘋果手機上有300ms的延遲。 一.滑動
MUi下拉重新整理和上拉載入click事件失效問題
今天應用MUi的上拉載入更多方法後,發現給li元素註冊點選click事件沒有反應。 最後折騰半個小時發現一個方法,用mui.on( )新增事件監聽,用tap代替click事件即可解決 mui("#ulId").on("tap","li",function(){ // 邏輯程式碼
移動端click事件延遲300ms問題(web頁面點選沒問題,手機端單擊變成雙擊效果)
移動端300ms點選延遲和點選穿透問題詳細原理參考https://www.jianshu.com/p/6e2b68a93c88(此文章內方法未測試,只參考原理) 具體解決方案如下:(親測有效) 作業系統ubuntu18.4 64位 因為歷史原因,移動端點選事件會有300ms延遲,來
阻止瀏覽器自身滑動事件 例如蘋果手機的上拉下拉滑動
$(document).ready(function(){function stopScrolling(event) {event.preventDefault();}document.addEventListener('touchmove',stopScrolling,f
手機瀏覽器下better-scroll中click事件,連結無效的問題
現在大多數vuejs . 專案都使用better-scroll 但是大多數出現一個問題,就是在大的div裡面的a 連結或者click事件都不用了 這是 html 部分 <div ref="wrapper" class="list-wrapper"
JavaScript中click()事件失效
今天上午工作的時候,遇見了一個奇怪的事情——Javascript的click()事件竟然失效了。 超連結的點選事件在JS除錯中應該是最容易通過的了,但是新編寫的指令碼卻出現了超時報錯。在“請求解密”裡面搜尋console,卻發現沒有任何報錯。於
動態新增的標籤繫結click事件不響應和關於IOS下click事件委託失效的解決方案
給動態新增的標籤使用jQuery繫結click事件不響應以及iOS裝置上click事件委託失效問題 不響應原因:當它使用jQuery繫結click事件時,對應的DOM物件還沒有生成,所以會不響應 解決方案1:可以使用代理事件來解決,程式碼1如下,但是使用下面這個程式碼1會引
vue移動端繫結click事件失效問題
原因可能是你使用了better-scroll,預設它會阻止touch事件。所以在配置中需要加上click: true 例: mounted(){ this.scroll=new Bscroll(this.$refs.wrapper, { mous
Jquery 對新插入的節點 繫結Click事件失效
1.有人說用 Live, 事實上現在最新的Jquery已經不支援 Live 了。live的解決方法如下: 你可以看這個 也可以不看 ,只是做到心中有數就可以了。下面介紹ON的方法。 2.有人用了ON 來解決, 這個解決方法基本在理。 On的方法,基本能解決問題,但是你也要根據你的具體情況
【已解決】jquery append 繫結click事件失效解決方案
因為要非同步載入一些東西,並且需要在使用append新增的元素上繫結click方法,就出現了失效的情況。 <div style="background-color: #ffffff;" class="addresstop"> &
蘋果手機短信刪除了怎麽恢復
垃圾 短信 tun 備份文件 方式 logs 查看 聯系人 對數 蘋果手機短信刪除了怎麽恢復 手機短信刪除了怎麽恢復?五花八門的信息內容會讓我們
ionic中<ion-scroll>設置為左右滾動,蘋果手機端觸摸到此標簽上時無法上下滾動內容
direct lin 滾動 direction eat lists -s over hidden ionic中<ion-scroll>設置為左右滾動,蘋果手機端觸摸到此標簽上時無法上下滾動內容。 如下代碼: <ion-scroll direction="x
“清新三國” IPhone 蘋果手機版正式上線
app 下載 cnblogs mage 蘋果 策略 手機 blog 網遊 下載方式一:https://itunes.apple.com/cn/app/清新三國-綠色不坑人-策略經營戰爭網遊/id1241841119?mt=8 下載方式二:二維碼 下載方式三:蘋果商店搜
蘋果手機升級ios10怎麽上pinterest國外設計網站
AnyConnect的一個最大的優點就是可以智能分流(無需客戶端設置),這樣大家在使用VPN時,國內網可以不經過VPN線路,大大提高國內訪問速度;此外,連接速度也比openvpn快些,連接了基本不會斷線。 1、安裝anyconnect 打開app store,搜索anyconnect並安裝. 2、添