在使用jQuery綁定事件的時候,有些情況下事件需要多次觸發才能達到預期的效果。這時候我們就需要使用jquery on多次觸發。
$(document).on('click', 'button', function(){ console.log('click'); });
上面的代碼就是在document上綁定一個click事件,當其中一個button被多次點擊時,就會觸發多次click事件。
還有一個實現方式是在事件函數內部再次綁定事件,如下:
$(document).on('click', 'button', function(){ console.log('click'); $(this).on('click', function(){ console.log('click again'); }); });
上面的代碼綁定了一個二級的click事件,在第一次點擊時會觸發一次click,第二次點擊時會觸發一次click again。
在使用jquery on多次觸發時需要注意,多次觸發容易引起性能問題,需要在適當的時候解綁事件,如下:
$(document).on('click', 'button', function(){ console.log('click'); $(this).on('click', function(){ console.log('click again'); $(this).off('click'); }); });
在內部綁定事件的同時,使用off方法解綁之前的事件,可以有效的提升性能。
下一篇流星效果css