jQuery可以幫助我們很容易地獲取到鼠標(biāo)的點(diǎn)擊事件。在頁(yè)面中添加一個(gè)點(diǎn)擊事件處理程序,可以通過(guò)以下代碼實(shí)現(xiàn):
$(document).on('click', function(event) { // 在這里可以編寫(xiě)處理點(diǎn)擊事件的代碼 });
這里我們添加了一個(gè)點(diǎn)擊事件處理程序,當(dāng)頁(yè)面被點(diǎn)擊時(shí),我們就會(huì)執(zhí)行這個(gè)處理程序。其中,event
參數(shù)包含了關(guān)于點(diǎn)擊事件的所有信息。比如,我們可以獲取鼠標(biāo)點(diǎn)擊時(shí)的坐標(biāo):
$(document).on('click', function(event) { var x = event.pageX; var y = event.pageY; console.log('鼠標(biāo)點(diǎn)擊的坐標(biāo)為:(' + x + ', ' + y + ')'); });
上述代碼中,我們從event
對(duì)象中獲取了X和Y坐標(biāo),然后將它們打印到控制臺(tái)中。
我們還可以使用this
關(guān)鍵字獲取到當(dāng)前被點(diǎn)擊的元素,下面是一個(gè)例子:
$('a').on('click', function(event) { console.log('您點(diǎn)擊了:' + $(this).text()); });
上述代碼中,我們向所有元素添加了一個(gè)點(diǎn)擊事件處理程序。當(dāng)某個(gè)元素被點(diǎn)擊時(shí),我們就能獲取到它的文本內(nèi)容。
總之,通過(guò)這些代碼,我們可以很容易地獲得鼠標(biāo)點(diǎn)擊的坐標(biāo)和被點(diǎn)擊的元素,從而實(shí)現(xiàn)更加出色的用戶體驗(yàn)。
上一篇div input換行
下一篇jquery表單性別選擇