jQuery是一款優秀的JavaScript庫,利用它可以快速地完成許多重復性的任務。其中一個常見的任務是設置一個標簽不可編輯。這在某些場景下非常有用,比如展示文本或防止用戶進行編輯操作。
// HTML代碼: <span id="mySpan">不可編輯的文本</span> // jQuery代碼: $(document).ready(function(){ $('#mySpan').attr("contenteditable", "false"); });
上述代碼先通過jQuery的選擇器獲取了一個id為“mySpan”的標簽,然后使用attr()函數將它的“contenteditable”屬性設置為“false”,這樣就可以防止用戶對其進行編輯了。
除了使用attr()函數,也可以使用prop()函數來設置屬性:
// HTML代碼: <span id="mySpan">不可編輯的文本</span> // jQuery代碼: $(document).ready(function(){ $('#mySpan').prop("contenteditable", false); });
兩種方法都能達到相同的效果,只是語法略有不同而已。
最后需要注意的是,這種設置只是阻止了用戶對標簽的直接編輯,但并不能阻止使用JavaScript對標簽進行編輯。如果需要完全禁止對文本內容的修改,需要考慮使用其他方法。
下一篇div 取消滾動