在文本框上添加“只讀”屬性后無法在一個事件中將其刪除
[英]After Adding “readonly” attribute on text box not able to remove it in one event
問題描述
復制步驟
使用Internet Explorer
- 選中無限復選框
- 單擊文本框（它將刪除復選框中的勾號/復選框）
- 嘗試在文本框中輸入文本
我們無法在文本框中輸入
4.再次單擊文本框。 現在我們將能夠在文本框中輸入文本
我們嘗試過
1.將屬性設置為readOnly，即$（'＃myinput'）。attr（'readOnly'，false）;
2.調用$（'＃myinput'）。click（）;
以下是HTML代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Make input read only</title>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script>
</head>
<body>
<input id="myinput" type="text" />
<input id="mycheck" type="checkbox" />
<script type="text/javascript">
/*oncheck box click*/
$('#mycheck').click(function () {
if ($(this).attr('checked')) {
$('#myinput').attr('readOnly', 'readOnly');
}
else {
$('#myinput').removeAttr('readOnly');
/* also tried
* $('#myinput').attr('readOnly', false);
* $('#myinput').attr('readOnly', '');
*/
}
});
/*on text box click*/
$('#myinput').click(function () {
$('#mycheck').removeAttr('checked');
$('#myinput').removeAttr('readOnly');
/* also tried
* $('#myinput').attr('readOnly', false);
* $('#myinput').attr('readOnly', '');
*/
});
</script>
</body>
</html>
4 個解決方案
解決方案1
2 2010-12-21 08:26:00
您需要將readonly屬性設置為類似這樣的值
$('#myinput').attr('readOnly', '');
解決方案2
1 已采納 2010-12-21 08:56:07
我遇到了同樣的問題，並在stackoverflow上報告了它，一秒鍾后發現了它。
編輯： 找到了。
如果您閱讀了我的文章，它也可以解釋正在發生的事情。 實際上，文本框實際上已被解鎖（與Tyde嘗試的不同）。 問題與焦點/選擇有關。
解決方案3
0 2012-06-15 07:39:58
function preventBackspace(e) {
var evt = e || window.event;
if (evt) {
if (evt.srcElement.getAttribute('readonly')) {
var keyCode = evt.charCode || evt.keyCode;
if (keyCode === 8) {
if (evt.preventDefault) {
evt.preventDefault();
} else {
evt.returnValue = false;
}
}
}
}
}
我有一個場景，其中的文本框將在只讀和可編輯之間切換，因此我添加了條件if (evt.srcElement.getAttribute('readonly'))有所幫助。
解決方案4
0 2016-09-27 10:30:42
將此用於IE，也可以在chrome和mozilla中使用
$('#myinput').removeAttr("readonly");
$('#myinput').select();
jQuery在td內添加一個文本框，如果第二次在同一單元格內發生click事件，則阻止添加更多文本框
[英]jQuery add one text box inside a td and prevent adding more if click event occured second time inside the same cell
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.