IOS上微信小程序密碼框光標離開提示存儲密碼的完美解決方案

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

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

問題：

ios密碼框輸入密碼光標離開之后會提示存儲密碼的彈窗

在這里插入圖片描述

解決方案

1、在蘋果手機上面把 “自動填充密碼”關(guān)閉，但是蘋果這個默認開啟，而且大部分客戶也不會去自己關(guān)閉。

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

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

<view class="form-box">
			<view class="item">
				<text class="title">賬號</text>
				<input class="input" placeholder="請輸入賬號" :value="username" @input="inputName" placeholder-style="font-size:28rpx;color:#c2c2c7" />
			</view>
			<!-- 內(nèi)容永遠為空 -->
			<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="請輸入密碼" :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 >短信驗證登錄</text>
			</view>
		</view>

密碼輸入框上面的一個輸入框 value值永遠為空，這樣就不會觸發(fā)儲存密碼的彈窗啦~

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

您可能感興趣的文章: