如何使HTML文本框不可點擊

是否有任何方法使文本框不可點擊，不涉及禁用文本框或阻止鼠標懸停事件？如何使HTML文本框不可點擊

我無法將文本框設置爲禁用狀態，因爲這會禁用我的jQuery工具提示，並且我也無法阻止鼠標懸停事件。我見過的所有解決方案都做了一個或另一個。

爲了澄清一下，用戶不能夠選擇該框中的文本或將打字指針放在框內。使用標籤將無法工作，因爲我需要它來處理密碼字段以及普通文本字段。

來源

2014-01-18 Steve Glick

也許它定位高於可見DIV用z-index和POS絕對，盡顯文本框 – Tyblitz

不就是塊懸停和點擊事件的確切高度和寬度？ –

你不能使用'disabled'，所以推測你不能使用'readonly'？這個文本「輸入」的用途/功能是什麼，確切地說，你不希望用戶與它進行交互？ –

這應該做的伎倆：

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

JSFiddle

來源

2014-01-18 23:30:10

這確實做了我在問題中指定的所有內容，但仍然不適合我的情況。我想通過簡單地選擇每次單擊該框時需要再次選擇的文本。 –

我可能會被誤解的問題，但這應該工作。

<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>

來源

2014-01-18 23:43:58 DrowsySaturn

如何使HTML文本框不可點擊

回答

相關問題