得到eventx，爲jQuery單擊（）點擊按鈕的事件（）

Question

我有一個按鈕<button id="get_eventxydiv"> click</button>，我想爲此點擊時獲得clientx和clienty值。

$('#get_eventxydiv').on('click', get_eventXY); 

我想要它自己加載。所以我點擊按鈕onload。

$(document).ready(function() { $('#get_eventxydiv').trigger('click'); }); 

，這裏是點擊功能

function get_eventXY(event) 
{ 
    eventx=event.clientX; 
    eventy=event.clientY; 
    alert(eventx+" "+eventy); 
} 

但爲onload它提醒undefined undefined。如何使工作？任何幫助請

Answer 1

jQuery .trigger()不會觸發本機HTMLElement.click()事件。呼叫HTMLElement.click()

$(document).ready(function() { 
 
    function get_eventXY(event) { 
 
    console.log(event) 
 
    eventx = event.clientX; 
 
    eventy = event.clientY; 
 
    alert(eventx + " " + eventy); 
 
    } 
 
    $('#get_eventxydiv').on('click', get_eventXY); 
 
    $('#get_eventxydiv')[0].click(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="get_eventxydiv">click</button>

Answer 2

變通辦法後的某個時候，得到了解決，這是更新@ guest271314。

$(document).ready(function() { 
      function get_eventXY(event) { 
        var width=$('#get_eventxydiv').width(); 
        var height=$('#get_eventxydiv').height(); 
        var offset_org = $('#get_eventxydiv').offset(); 
        var centerX = offset_org.left + width/2; 
        var centerY = offset_org.top + height/2; 

        eventx = centerX; 
        eventy = centerY; 
      } 
      $('#get_eventxydiv').on('click', get_eventXY); 
      $('#get_eventxydiv')[0].click(); 
});