$.event是jQuery庫中的一個事件處理機制,它可以方便地綁定和解綁事件,擴大和縮小事件范圍,以及觸發和阻止事件的默認行為。
//通過on方法綁定事件 $('#element').on('click', function() { console.log('clicked'); }); //通過off方法解綁事件 $('#element').off('click'); //通過trigger方法觸發事件 $('#element').trigger('click'); //通過preventDefault方法阻止默認行為 $('#link').on('click', function(event) { event.preventDefault(); });
除了常規的事件綁定和解綁,$.event還提供了一些高級的用法,比如事件代理和命名空間。
//通過delegate方法進行事件代理 $('#container').delegate('a', 'click', function() { console.log('clicked'); }); //通過undelegate方法解除事件代理 $('#container').undelegate('a', 'click'); //通過命名空間添加多個事件處理函數 $('#element').on('click.namespace1', function() { console.log('clicked1'); }); $('#element').on('click.namespace2', function() { console.log('clicked2'); }); //通過命名空間解綁對應的處理函數 $('#element').off('click.namespace1');
總之,$.event是一個十分強大且實用的事件處理機制,能夠提升開發者的工作效率和用戶體驗。