只讀文本框中的Java腳本提示框

Question

當用戶在文本框處於只讀狀態時單擊文本框時，我有一個方案可以顯示類似「無法輸入值」的提示框。

Java腳本： -

function functionServerDisable() 
    {  
    document.getElementById("txtServerName").readOnly=true;   
    } 

.aspx的代碼： -

<asp:TextBox ID="txtServerName" runat="server"></asp:TextBox> 

我不知道如何彈出警告框，特別是用戶試圖進入該數據文本框處於只讀模式。

Answer 1

可以使用的onkeydown函數來顯示警報示例代碼如下所示： -

<input type="text" readonly="true" onkeydown="validate()" /> 
<script> 

function validate() 
{ 
alert("You cannot Enter the Values"); 
} 
</script> 

Answer 2

您可以綁定到「焦點」事件，即使輸入爲readonly：

http://jsfiddle.net/y8vvj0q0/1/

test.addEventListener('focus', function(){ 
    alert("You cannot Enter the Values"); 
}); 

Answer 3

爲什麼不在輸入元素中使用onfocus事件？

function functionServerDisable() 
 
    {  
 
    \t document.getElementById("txtServerName").readOnly=true;   
 
    } 
 
    functionServerDisable() 
 
    
 
    function checkelement(el) 
 
    { 
 
    \t if(el.readOnly == true) 
 
    \t { 
 
    \t \t alert("Read only."); 
 
    \t } 
 
    }

<input type="text" id="txtServerName" onfocus='checkelement(this)'>