0

Нужно сделать так:

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

Но, так не выйдет, ибо я кликаю на отключённый input. Какие есть выходы?

2 ответа 2

3

Вот так можно сделать:

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, то он станет активным, а если мимо, то снова заблокированным.

2

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
  • Найс. Без лишних референсов к телу документа.
    – Eugen Eray
    2 июн 2018 в 18:51
  • @Bharata Просто у меня в скрипте и так дофига референсов к телу…
    – Eugen Eray
    2 июн 2018 в 18:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.