在網頁開發中,我們經常需要添加元素到頁面中,有些時候我們希望這些元素不能被輕易地刪除。比如,在表單頁面中,我們希望用戶不能刪除表單元素。
這時候,我們可以使用jQuery來設置這些元素無法刪除。下面是一個簡單的例子:
<!-- HTML代碼 --> <div class="no-delete">這個元素不可以刪除</div> <!-- jQuery代碼 --> $(document).on('keydown', '.no-delete', function(event) { if(event.keyCode == 46 || event.keyCode == 8) { event.preventDefault(); } });
上面的代碼中,我們給包含“no-delete”類的元素綁定了一個按鍵事件。如果用戶按下了“delete”或“backspace”鍵,就會觸發這個事件。在事件處理函數中,我們通過event.preventDefault()方法來阻止元素被刪除。
當然,這種方法只是一種簡單的實現方式,如果用戶想要強制刪除這些元素,仍然可以通過JavaScript來實現。但是,對于大多數用戶來說,這種方法已經足夠了。
上一篇div 如何懸浮
下一篇div span 靠右