要实现禁用软键盘和光标,可以通过以下方式:
<div contentEditable="false">文本内容</div>
div {
user-select: none;
}
document.addEventListener('click', function(event) {
var target = event.target;
if (target.nodeName !== 'INPUT' && target.nodeName !== 'TEXTAREA') {
target.blur(); // 取消焦点,禁用软键盘和光标
}
});
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
body {
background-image: url("背景图像地址");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
</style>
需要注意的是,以上方法只是禁用了软键盘和光标的显示和输入,而并非真正禁用了键盘和光标的功能。用户仍然可以通过其他方式输入文本,如剪贴板、外部键盘等。
领取专属 10元无门槛券
手把手带您无忧上云