Как отключить клавишу ENTER, когда asp.net текстовое поле находится в режиме только для чтения

Question

ASP.net:

<textarea id="taskNotes" runat="server" class="taskNotes" rows="10" style=""></textarea> 

HTML генерируется ASP.net TextArea:

<textarea name="ctl00$ContentMain$taskNotes" class="taskNotes" id="ContentMain_taskNotes" style="" rows="10" readOnly="readonly"/> 

Как отключить клавишу ВВОД от выполнения, когда текстовое поле имеет фокус и только чтение.

Я попытался следующие, но не смог завершить:

$('input[class=taskNotes]').keydown(function (e) { 
    if (('.taskNotes')) { // '.is()` is not populating in VS for me to complete... 
     if (e.keyCode === 13) { 
      e.preventDefault(); 
      return false; 
     } 
    } 
}); 

Answer 1

Попробуйте вместо этого:

Используйте эту функцию для предотвращения ввода ключа

$(document).ready(function() { 
    $(document).on('keydown', '.taskNotes[readonly]', function(e){ 
     if (e.which === 13) { 
      e.preventDefault(); 
      return false; 
     } 
    }); 
}); 

Или в качестве альтернативы, использование это для предотвращения фокусировки всего элемента:

$(document).ready(function() {  
    $(document).on('focus', '.taskNotes[readonly]', function(e){ 
     $(this).blur(); 
    }); 
}); 

Answer 2

$('.taskNotes').keydown(function (e) {  
    if ($(this).attr('readonly') === 'readonly' && e.keyCode === 13) { 
     e.preventDefault(); 
     return false; 
    } 
}); 

Вам необходимо удалить «вход» из селектора. Это текстовое поле. jsFiddle

Чтобы добавить ReadOnly атрибут можно использовать:

$('.taskNotes').prop("readonly", true); 

или

$('.taskNotes').attr("readonly", "readonly"); 

В зависимости от версии JQuery.

Answer 3

Если вы используете ASP.Net, вы хотите использовать элементы управления TextBox Server.

Отключено Создано TextBox отключено вместо только для чтения. Он более подходит для вашего сценария.

То, как вы делаете, не является стандартным в ASP.Net, и оно действительно хрупкое. Вы можете прочитать Disabled and read-only controls.

<asp:Panel ID="Panel1" runat="server" DefaultButton="SubmitButton"> 
    <asp:TextBox ID="MyTextArea" TextMode="multiline" 
     Columns="50" Rows="5" runat="server" /> 
    <asp:Button runat="server" ID="SubmitButton" Text="Submit" 
     OnClick="SubmitButton_Click" /> 
</asp:Panel> 

protected void Page_Load(object sender, EventArgs e) 
{ 
    MyTextArea.Enabled = false; 
}