我想在html網頁中編寫一些代碼,這樣當用戶單擊我的ClickBox中的鼠標時,X和Y座標將被保存,然後發送到我的數據庫。以click.box的CENTER作爲原點保存鼠標點擊座標
但現在,單擊處理程序......這是我多遠了:
<body>
<div id = "ClickBox" style = "left:100px;"> </div>
</body>
<script>
$(document).ready(function(e)
{
$('#ClickBox').click(function(e)
{
alert(e.pageX + ' , ' + e.pageY);
});
});
</script>
<style type="text/css">
#ClickBox { width:640px; height:480px; cursor:pointer; background:#2f2f2f; top:50px; color:#fff; font:bold 12px Arial; }
</style>
它的工作原理,但顯示點擊的方式,是顯而易見的座標原點是不是中心或我的ClickBox左上角。我如何修改這些片段,以便無論我的ClickBox在我的網頁上的位置如何,我總是可以獲得我的中心的精確座標ClickBox正在座標原點?
由於提前,
讓您clickbox的座標和措施,以及 - 在那之後,它是幾個簡單的數學運算。 – CBroe