快捷導(dǎo)航

IOS上微信小程序密碼框光標(biāo)離開(kāi)提示存儲(chǔ)密碼的完美解決方案

更新時(shí)間：2024年07月15日 14:38:03 作者：yx_back

ios密碼框輸入密碼光標(biāo)離開(kāi)之后會(huì)提示存儲(chǔ)密碼的彈窗,關(guān)于這樣的問(wèn)題怎么解決呢,下面給大家分享IOS上微信小程序密碼框光標(biāo)離開(kāi)提示存儲(chǔ)密碼的完美解決方案,感興趣的朋友一起看看吧

問(wèn)題：

ios密碼框輸入密碼光標(biāo)離開(kāi)之后會(huì)提示存儲(chǔ)密碼的彈窗

在這里插入圖片描述

解決方案

1、在蘋(píng)果手機(jī)上面把 “自動(dòng)填充密碼”關(guān)閉，但是蘋(píng)果這個(gè)默認(rèn)開(kāi)啟，而且大部分客戶也不會(huì)去自己關(guān)閉。

2、欺騙蘋(píng)果手機(jī)，代碼實(shí)現(xiàn)。
先說(shuō)解決思路，通過(guò)測(cè)試發(fā)現(xiàn)，在賬號(hào)框不為空，密碼框不為空，兩者都不為空，并且光標(biāo)離開(kāi)賬號(hào)框或者密碼框的時(shí)候，蘋(píng)果系統(tǒng)會(huì)自動(dòng)提示存儲(chǔ)密碼或者更新密碼的提示。又經(jīng)過(guò)大量測(cè)試發(fā)現(xiàn)，賬號(hào)輸入框是指的距離密碼輸入框最近的上一個(gè)輸入框，因此解決辦法就是在密碼輸入框上面增加一個(gè)賬號(hào)輸入框，讓他永遠(yuǎn)為空，并且不可見(jiàn)即可（頁(yè)面不可見(jiàn),不能是display:none）。

這樣距離密碼框最近的上一個(gè)文本框永遠(yuǎn)是空的，就不會(huì)觸發(fā)ios的存儲(chǔ)密碼提示了。
代碼如下:

<view class="form-box">
			<view class="item">
				<text class="title">賬號(hào)</text>
				<input class="input" placeholder="請(qǐng)輸入賬號(hào)" :value="username" @input="inputName" placeholder-style="font-size:28rpx;color:#c2c2c7" />
			</view>
			<!-- 內(nèi)容永遠(yuǎn)為空 -->
			<view>
				<input disabled="true" value="" ></input>
			</view>
			<view class="item">
				<text class="title">密碼</text>
				<view class="input-box">
					<input class="input" id="password" @input="inputPassword" placeholder="請(qǐng)輸入密碼" :password="!showPassword"
					 placeholder-style="font-size:28rpx;color:#c2c2c7" />
					<view class="eye-box" @click="changeEyeStatus()" v-if="password">
						<img :src="showPassword?openEye:closeEye" class="icon">
					</view>
				</view>
			</view>
			<view class="login-btn" @click="login">
				<text>登錄</text>
			</view>
			<view class="check_code" @click="checkCode">
				<text >短信驗(yàn)證登錄</text>
			</view>
		</view>

密碼輸入框上面的一個(gè)輸入框 value值永遠(yuǎn)為空，這樣就不會(huì)觸發(fā)儲(chǔ)存密碼的彈窗啦~

到此這篇關(guān)于IOS上微信小程序密碼框光標(biāo)離開(kāi)提示存儲(chǔ)密碼解決方案的文章就介紹到這了,更多相關(guān)IOS微信小程序密碼框存儲(chǔ)密碼內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: