2014-01-18 2 views
0

Есть ли способ сделать текстовое поле незамкнутым, что не связано с отключением текстового поля или также блокировкой событий наведения мыши?Как сделать текстовое поле HTML Unclickable

Я не могу установить текстовое поле как отключенное, потому что это отключит мои подсказки инструмента jQuery, и я также не могу блокировать события наведения мыши. Все решения, которые я видел, сделали одно или другое.

Чтобы немного уточнить, пользователь не может выбрать текст в этом поле или поместить указатель ввода внутри поля. Использование меток не будет работать, потому что мне нужно, чтобы он работал с полями пароля, а также с обычными текстовыми полями.

+0

Возможно положение невидимую DIV над ним с Z-индекс и поз абсолютной, заполняя точно высоту и ширину текстового поля – Tyblitz

+0

Не будет, что блок парения, а также события кликов? –

+0

Вы не можете использовать 'disabled', поэтому, предположительно, вы не можете использовать' readonly'? Какая польза/функция делает этот текст «input», точно, что вы не хотите, чтобы пользователь взаимодействовал с ним? –

ответ

2

Это должно сделать трюк:

$('#textbox').focus(function() { 
    $(this).blur(); 
}); 

JSFiddle

+0

Это делает все, что я задал в вопросе, но все еще не работаю для своей ситуации. Я понял это, просто выбрав текст, который нужно было выбрать снова каждый раз, когда нажимается окно. –

0

я мог бы быть неправильное понимание вопроса, но это должно работать.

<input id="noselect" value="hi there"></input> 
<script> 
    document.getElementById('noselect').addEventListener('focus', function() 
    { 
    document.getElementById('noselect').blur(); 
    }); 
    document.getElementById('noselect').style.cursor = 'default'; 
</script> 
Смежные вопросы