关于如何更改Safari中iPhone虚拟键盘上"Go"按钮的文本,可以通过以下方法实现:
在网页中添加以下JavaScript代码,可以更改虚拟键盘上的"Go"按钮文本:
document.addEventListener('DOMContentLoaded', function() {
var inputs = document.getElementsByTagName('input');
for (var i = 0; i< inputs.length; i++) {
if (inputs[i].type === 'submit' || inputs[i].type === 'button') {
inputs[i].blur();
inputs[i].focus();
}
}
});
这段代码会在页面加载完成后,遍历所有的输入框,如果输入框的类型为"submit"或"button",则将焦点设置为该输入框,从而更改虚拟键盘上的"Go"按钮文本。
在网页中添加以下CSS样式,可以将"Go"按钮文本更改为"搜索":
input[type="submit"], input[type="button"] {
-webkit-appearance: none;
-webkit-user-select: none;
cursor: pointer;
font-size: 16px;
text-align: center;
color: white;
background-color: #007AFF;
border: none;
border-radius: 4px;
padding: 6px 12px;
margin: 0;
width: auto;
display: inline-block;
line-height: 1.2;
text-decoration: none;
touch-action: manipulation;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::-webkit-search-cancel-button, input[type="button"]::-webkit-search-cancel-button {
display: none;
}
input[type="submit"]::before, input[type="button"]::before {
content: "搜索";
display: inline-block;
margin-right: 5px;
font-size: 16px;
font-weight: bold;
color: white;
text-align: center;
text-decoration: none;
}
这段代码会将所有类型为"submit"或"button"的输入框的样式更改为带有"搜索"文本的按钮,从而更改虚拟键盘上的"Go"按钮文本。
需要注意的是,这些方法可能会因不同的浏览器和操作系统而有所差异,因此在实际使用中可能需要进行一些调整。
前阵子在一个移动项目中,通过 的方式 绑定click 事件来提交一个表单,由于表单信息比较敏感,于是采用的post 同步提交的方式,原本到也没有什么。后来万恶的PM说 “你这个按钮呀,要固定在底部比较好” ,于是乎就通过 position:fixed 固定到底部了。那么,问题来了 , 在ios 下,虚拟键盘是浮在页面上层的,导致的结果是当键盘收起后,浮在最底部的按钮不在最底下,而跑到中间来了,(极端条件下还可能挡住输入框导致无法输入),并且随着屏幕的滚动而滚动,,(表现类似于absolute) ,,高大上的苹果也是真心坑了一回。
领取专属 10元无门槛券
手把手带您无忧上云