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

Question

如何在不使用disabled或readonly的情况下使用JavaScript获得焦点时禁用/模糊文本框？

Answer 1

我认为这是你想要根据这个问题实现的目标：

＆＃13;

＆＃13;

var fname = document.getElementById('fname');

fname.addEventListener('focus', function() {
  this.blur();
})

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

HTML：

class="blurTextbox"

CSS：

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

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