js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
更新時(shí)間：2017年09月28日 11:52:14 作者：tangxiujiang
這篇文章主要介紹了js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法的相關(guān)資料,希望通過本文能幫助到大家，解決遇到這樣的問題，需要的朋友可以參考下
js 開發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法
問題：在表單的輸入框中，有時(shí)候我們并不希望點(diǎn)擊輸入框時(shí)，會出現(xiàn)提示信息。這時(shí)，在輸入框中添加屬性:autocomplete="off”，一般能達(dá)到目的。而在chrom里面就失效。
失效的原因是：瀏覽器會根據(jù)輸入框的input的type屬性為password的時(shí)候，自動將用戶名和密碼框填充。
解決方法：因?yàn)闉g覽器是否自動填充內(nèi)容，根據(jù)type=password來判斷的。此時(shí)先將作為密碼的輸入框的type設(shè)成text,當(dāng)點(diǎn)擊密碼輸入框的時(shí)候，將其type屬性設(shè)為password,這樣問題就解決了。
HTML頁面代碼如下：
<input class="input1" id="userpassword" <span style="color:#ff0000;">type="text"</span> placeholder="新密碼" autocomplete="off"/>
JS代碼：
$("#userpassword").click(function(){
<span style="color:#ff0000;">$(this).attr("type","password");</span>
});
如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
- JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)
- JS失效 提示HTML1114: (UNICODE 字節(jié)順序標(biāo)記)的代碼頁 utf-8 覆蓋(META 標(biāo)記)的沖突的代碼頁 utf-8
- js放到head中失效的原因與解決方法
- 使用jQuery的load方法設(shè)計(jì)動態(tài)加載及解決被加載頁面js失效問題
- JS出現(xiàn)失效的情況總結(jié)
- 使用微信內(nèi)嵌H5網(wǎng)頁解決JS倒計(jì)時(shí)失效問題
- jsp 網(wǎng)站引入外部css或者js失效問題解決
相關(guān)文章
Javascript 獲取字符串字節(jié)數(shù)的多種方法
Javascript 字符串字節(jié)數(shù)獲取功能多種方法2009-06-06
UI即User Interface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)2012-06-06
javascript 產(chǎn)生隨機(jī)數(shù)的幾種方法總結(jié)
這篇文章主要介紹了javascript 產(chǎn)生隨機(jī)數(shù)的幾種方法總結(jié)的相關(guān)資料,希望通過本文大家能夠掌握如何實(shí)現(xiàn)這樣的方法，需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁面圖片消除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
微信小程序?qū)W習(xí)總結(jié)（三）條件、模板、文件引用實(shí)例分析
這篇文章主要介紹了微信小程序條件、模板、文件引用,結(jié)合實(shí)例形式分析了微信小程序if條件判斷、模板調(diào)用、wxss文件引用等相關(guān)操作技巧,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
詳解JavaScript前端如何實(shí)現(xiàn)截屏功能
這篇文章主要為大家詳細(xì)介紹了JavaScript前端如何實(shí)現(xiàn)截屏功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
js實(shí)現(xiàn)鼠標(biāo)感應(yīng)向下滑動隱藏菜單的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)感應(yīng)向下滑動隱藏菜單的方法,涉及javascript操作鼠標(biāo)事件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
工作需要寫的一個(gè)js拖拽組件，需要的朋友可以參考下代碼。2011-07-07
JS實(shí)現(xiàn)瀏覽器點(diǎn)擊下載圖片功能案例分析【親測有效】
這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器點(diǎn)擊下載圖片功能,對比分析了同源與不同源兩種解決方案,并以實(shí)際案例形式分析了不同源情況下針對文件點(diǎn)擊下載的具體實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2023-04-04