如何通过触摸外部编辑文本和背景可缩放图像来实现禁用软键盘和光标？

<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>