在使用jQuery時,有時候需要設置某些元素不能被選中。比如說,圖片和文字等元素在網頁中被選中后,會有藍色的選中框,這會影響網頁的美觀性,因此需要將它們設為不可選擇。
在jQuery中,可以通過以下代碼實現設置元素不可選擇:
$(document).ready(function(){ $('body').css({ '-webkit-user-select':'none', '-moz-user-select':'none', '-ms-user-select':'none', 'user-select':'none' }); });
這段代碼使用了CSS樣式,將body元素設置為不可選擇。其中,-webkit-user-select、-moz-user-select、-ms-user-select、user-select分別是webkit、Firefox、IE、和超級瀏覽器的CSS屬性,用于設置元素不可選擇。
除了通過CSS樣式設置元素不可選擇,也可以通過jQuery方法來實現。比如說,通過調用元素的attr()方法,將其屬性設置為unselectable:
$(document).ready(function(){ $('img').attr('unselectable', 'on'); $('p').attr('unselectable', 'on'); });
這段代碼將所有的圖片和段落元素設置為不可選擇。
總之,無論使用CSS樣式還是jQuery方法,都可以達到設置元素不可選擇的效果,提高網頁的美觀性。