主页 / 问题 / 836823
Accepted
Eugen Eray
Asked:2020-06-03 02:11:54 +0000 UTC2020-06-03 02:11:54 +0000 UTC

单击时如何删除非活动元素上的“禁用”属性？

  • 772

你需要这样做：

inPut.setAttribute("disabled", "true");
inPut.ondbclick = function(){
    inPut.setAttribute("disabled", "false")
};

但是，这不起作用，因为我单击了禁用的输入。有哪些出口？

javascript

2 个回答

  1. 您可以这样做：

    var inPut = document.querySelector("input");
inPut.setAttribute("disabled", "true");

document.onclick = function(e)
{
	if(e.target == inPut)
	{
		inPut.removeAttribute("disabled");
		inPut.focus();
	}
	else
		inPut.setAttribute("disabled", "true");
};
    <input type="text">

    如果您单击input，它将变为活动状态，如果绕过，它将再次被阻止。

    • 3
  2. Best Answer

    var inPut = document.querySelector('input');

inPut.setAttribute("readonly", "true");
// inPut.setAttribute("disabled", "true"); <--- Aren't firing Events

inPut.addEventListener("dblclick", function(){
    console.log('dbClick');  // debug...
    inPut.removeAttribute('readonly');
    inPut.focus();
});
    <div class="main">
  <input type="text" id="inp">
</div>

    • 2

相关问题