如何使文本框在焦点上模糊/禁用

Question

当使用 JavaScript 获得焦点时，如何禁用/模糊文本框，而不使用disabled或readonly ？

Answer 1

我认为这就是您试图根据问题实现的目标：

 var fname = document.getElementById('fname'); fname.addEventListener('focus', function() { this.blur(); })

 Name: <input type="text" name="fname" id="fname" />

Answer 2

您可以为文本框设置 CSS 类。 例如：

HTML：

class="blurTextbox"

CSS：

.blurTextbox:focus{
  pointer-events:none;
  opacity:0.5;
}

您可以在 Google 上查找其他所需的模糊效果； 我想你会找到一些不错的。