Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享
更新時間:2015年05月25日 12:10:18 投稿:junjie
這篇文章主要介紹了Js和JQuery獲取鼠標指針坐標的實現(xiàn)代碼分享,本文直接給出實現(xiàn)的代碼,需要的朋友可以參考下
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <title>jquery 獲取鼠標指針的坐標</title> <script> //普通js函數(shù) function test(event) { event = event || window.event; var x = event.offsetX || event.layerX; var y = event.offsetY || event.layerY; alert("x="+x+"; y="+y); } //jquery函數(shù) $(function(){ $("#t").mouseover( function(event){ event = event || window.event; var x = event.offsetX || event.originalEvent.layerX; var y = event.offsetY || event.originalEvent.layerY; alert("x:"+x+"; y:"+y); } ); }); </script> </head> <body> <div id="t" style="float:left;background-color: green;width: 300px;height: 60px;">測試鼠標位置(jquery函數(shù)處理)</div> <div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">測試鼠標位置(普通js函數(shù)處理)</div> </body> </html>
相關(guān)文章
JavaScript 復制對象與Object.assign方法無法實現(xiàn)深復制
這篇文章主要介紹了JavaScript 復制對象與Object.assign方法無法實現(xiàn)深復制,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-11-11js和jquery中循環(huán)的退出和繼續(xù)下一個循環(huán)
退出循環(huán),使用break;退出當前循環(huán)繼續(xù)下一個循環(huán),使用continue,jquery中使用return false;continue,使用return true2014-09-09JavaScript中string轉(zhuǎn)換成number介紹
這篇文章主要介紹了JavaScript中string轉(zhuǎn)換成number介紹,本文講解了3種將string值轉(zhuǎn)換成number的方法,需要的朋友可以參考下2014-12-12利用js制作html table分頁示例(js實現(xiàn)分頁)
這篇文章主要介紹了利用js制作html table的分頁示例(js實現(xiàn)分頁),需要的朋友可以參考下2014-04-04