fastclick插件導(dǎo)致日期(input[type="date"])控件無(wú)法被觸發(fā)該如何解決
本文作為一名新手，寫(xiě)的不好地方還請(qǐng)各位大家多多指教，以下內(nèi)容只是給大家共勉以下我的解決方案，也是我個(gè)人的一個(gè)見(jiàn)解，有不同意見(jiàn)不同解決方案的朋友還請(qǐng)多多分享自己的解決辦法。
首先，我們使用fastclick插件的初衷是解決“tap”事件“點(diǎn)透”的BUG；fastclick與tap都是利用“touch”事件來(lái)模擬“click”事件的；
然后我們來(lái)大致的了解一下fastclick的工作原理（來(lái)自往上的copy）：
在我們的app中跟蹤所有的TouchStart事件，在接收到touchend事件的時(shí)候，觸發(fā)一個(gè)click事 件；
使用方法可找度娘；
但是問(wèn)題來(lái)了，當(dāng)使用了fastclick的時(shí)候，我們發(fā)現(xiàn)“日期”控件無(wú)法被觸發(fā)了，是正常的點(diǎn)擊時(shí)無(wú)法被觸發(fā)，如果長(zhǎng)按0.5S的樣子還是可以觸發(fā)的，但是問(wèn)題還是已經(jīng)存在，必須解決！
通過(guò)閱讀fastclick的源碼發(fā)現(xiàn)里面有個(gè)這個(gè)方法
反正意思在上面也提到過(guò)，就是在接受到touchend事件的時(shí)候，觸發(fā)一個(gè)click事件；
那么我的解決防范就是：
當(dāng)touchend的時(shí)候我們判斷一下他的event.target到底是啥，如果是date我們就不玩了，不要你fastclick了，用原生的去觸發(fā)不就OK了，來(lái)個(gè)return false;
我的代碼：
這里if里面的條件就隨便寫(xiě)咯，自己根據(jù)項(xiàng)目需求而定，反正你要的是到達(dá)某個(gè)特殊的條件時(shí)給他退出就好了；
本文作為一名新手，寫(xiě)的不好地方還請(qǐng)各位大家多多指教，以下內(nèi)容只是給大家共勉以下我的解決方案，也是我個(gè)人的一個(gè)見(jiàn)解，有不同意見(jiàn)不同解決方案的朋友還請(qǐng)多多分享自己的解決辦法。謝謝大家能夠關(guān)注本篇文章，有你們的支持我會(huì)做的更好。
相關(guān)文章
File, FileReader 和 Ajax 文件上傳實(shí)例分析(php)
File, FileReader 和 Ajax 文件上傳實(shí)例分析(php),需要的朋友可以參考下。2011-04-04
使用Javascript開(kāi)發(fā)sliding-nav帶滑動(dòng)條效果的導(dǎo)航插件
這篇文章主要介紹了使用Javascript開(kāi)發(fā)sliding-nav帶滑動(dòng)條效果的導(dǎo)航插件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
uniapp自定義多列瀑布流組件項(xiàng)目實(shí)戰(zhàn)總結(jié)
這篇文章主要為大家介紹了uniapp自定義多列瀑布流組件實(shí)戰(zhàn)總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
JavaScript 關(guān)鍵字屏蔽實(shí)現(xiàn)函數(shù)
JavaScript屏蔽關(guān)鍵字，大概的思路就是去用javascript去替換已有的文本，達(dá)到替換的目的2009-08-08
如何實(shí)現(xiàn)表格中行點(diǎn)擊時(shí)的漸擴(kuò)效果！
如何實(shí)現(xiàn)表格中行點(diǎn)擊時(shí)的漸擴(kuò)效果！...2007-01-01
js實(shí)現(xiàn)的網(wǎng)頁(yè)顏色代碼表全集
js實(shí)現(xiàn)的網(wǎng)頁(yè)顏色代碼表全集...2007-07-07
Javascript筆記一 js以及json基礎(chǔ)使用說(shuō)明
JavaScript中的數(shù)據(jù)很簡(jiǎn)潔的。簡(jiǎn)單數(shù)據(jù)只有 undefined, null, boolean, number和string這五種，而復(fù)雜數(shù)據(jù)只有一種，即object。2010-05-05
修改js confirm alert 提示框文字的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇修改js confirm alert 提示框文字的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
javascript鼠標(biāo)滑過(guò)顯示二級(jí)菜單特效
這篇文章主要為大家詳細(xì)介紹了javascript鼠標(biāo)滑過(guò)顯示二級(jí)菜單特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
JS數(shù)組索引檢測(cè)中的數(shù)據(jù)類(lèi)型問(wèn)題詳解
這篇文章主要給大家介紹了關(guān)于JS數(shù)組索引檢測(cè)中的數(shù)據(jù)類(lèi)型問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01