Js和JQuery獲取鼠標(biāo)指針坐標(biāo)的實(shí)現(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 獲取鼠標(biāo)指針的坐標(biāo)</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;">測(cè)試鼠標(biāo)位置(jquery函數(shù)處理)</div> <div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">測(cè)試鼠標(biāo)位置(普通js函數(shù)處理)</div> </body> </html>
- jQuery實(shí)現(xiàn)獲取table中鼠標(biāo)click點(diǎn)擊位置行號(hào)與列號(hào)的方法
- jQuery實(shí)時(shí)顯示鼠標(biāo)指針位置和鍵盤(pán)ASCII碼
- js與jquery中獲取當(dāng)前鼠標(biāo)的x、y坐標(biāo)位置的代碼
- jquery實(shí)現(xiàn)的元素的left增加N像素 鼠標(biāo)移開(kāi)會(huì)慢慢的移動(dòng)到原來(lái)的位置
- 為jquery.ui.dialog 增加“在當(dāng)前鼠標(biāo)位置打開(kāi)”的功能
- jQuery獲得指定元素坐標(biāo)的方法
- jquery中獲得元素尺寸和坐標(biāo)的方法整理
- JQuery 獲得絕對(duì),相對(duì)位置的坐標(biāo)方法
- jQuery實(shí)現(xiàn)獲取當(dāng)前鼠標(biāo)位置并輸出功能示例
相關(guān)文章
基于打包工具Webpack進(jìn)行項(xiàng)目開(kāi)發(fā)實(shí)例
這篇文章主要介紹了基于打包工具Webpack進(jìn)行項(xiàng)目開(kāi)發(fā)實(shí)例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05Bootstrap每天必學(xué)之標(biāo)簽頁(yè)(Tab)插件
Bootstrap每天必學(xué)之標(biāo)簽頁(yè)(Tab)插件,通過(guò)這個(gè)插件您可以把內(nèi)容放置在標(biāo)簽頁(yè)或者是膠囊式標(biāo)簽頁(yè)甚至是下拉菜單標(biāo)簽頁(yè)中,感興趣的小伙伴們可以參考一下2016-04-04JavaScript 復(fù)制對(duì)象與Object.assign方法無(wú)法實(shí)現(xiàn)深復(fù)制
這篇文章主要介紹了JavaScript 復(fù)制對(duì)象與Object.assign方法無(wú)法實(shí)現(xiàn)深復(fù)制,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11js和jquery中循環(huán)的退出和繼續(xù)下一個(gè)循環(huán)
退出循環(huán),使用break;退出當(dāng)前循環(huán)繼續(xù)下一個(gè)循環(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-12Chrome擴(kuò)展頁(yè)面動(dòng)態(tài)綁定JS事件提示錯(cuò)誤
開(kāi)發(fā)Chrome擴(kuò)展時(shí),頁(yè)面的popup.html中需要js的時(shí)候,直接將JS寫(xiě)在動(dòng)態(tài)綁定JS事件會(huì)提示錯(cuò)誤,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下2014-02-02利用js制作html table分頁(yè)示例(js實(shí)現(xiàn)分頁(yè))
這篇文章主要介紹了利用js制作html table的分頁(yè)示例(js實(shí)現(xiàn)分頁(yè)),需要的朋友可以參考下2014-04-04