jQuery中有一種非常方便的操作,就是Ctrl + 點擊。它可以用來多選或者取消選中元素,非常適合列表中有多項選中需求的情況。
我們可以通過下面的代碼來實現這個功能:
$(document).on('click', '.element', function(e) { if (e.ctrlKey) { $(this).toggleClass('selected'); } else { $(this).addClass('selected').siblings().removeClass('selected'); } });
這個代碼監聽了.document中的.click事件,并且指定了要選中的的元素類名為.element。如果用戶按下了Ctrl鍵,那么這個元素的.selected類將被添加或者移除,來控制它的選中狀態。
當用戶沒有按下Ctrl鍵時,代碼會同時添加.selected類名到當前元素和它的兄弟元素。這意味著,只有當前這個元素被選中了,其他的元素都將變為未選中的狀態。
在使用列表等需要選中多項操作的情況下,這個功能非常有用和方便,可以為用戶帶來更好的體驗。