国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Js和JQuery獲取鼠標指針坐標的實現代碼分享

2024-05-06 16:20:51
字體:
來源:轉載
供稿:網友

這篇文章主要介紹了Js和JQuery獲取鼠標指針坐標的實現代碼分享,本文直接給出實現的代碼,需要的朋友可以參考下

 

 
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
  6. <title>jquery 獲取鼠標指針的坐標</title> 
  7. <script> 
  8. //普通js函數 
  9. function test(event) { 
  10. event = event || window.event; 
  11. var x = event.offsetX || event.layerX; 
  12. var y = event.offsetY || event.layerY; 
  13. alert("x="+x+"; y="+y); 
  14. //jquery函數 
  15. $(function(){ 
  16. $("#t").mouseover( 
  17. function(event){ 
  18. event = event || window.event;  
  19. var x = event.offsetX || event.originalEvent.layerX; 
  20. var y = event.offsetY || event.originalEvent.layerY; 
  21. alert("x:"+x+"; y:"+y); 
  22. ); 
  23. }); 
  24. </script> 
  25.  
  26. </head> 
  27.  
  28. <body> 
  29. <div id="t" style="float:left;background-color: green;width: 300px;height: 60px;">測試鼠標位置(jquery函數處理)</div> 
  30. <div id="s" onmouseover="test(event)" style="float:left;background-color: red;width: 300px;height: 60px;margin-left:10px;">測試鼠標位置(普通js函數處理)</div> 
  31.  
  32. </body> 
  33. </html> 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 阿克陶县| 苗栗市| 山东省| 宜春市| 三门峡市| 泌阳县| 东明县| 德昌县| 抚顺市| 荣成市| 盐源县| 浙江省| 苏尼特右旗| 高州市| 志丹县| 潼南县| 宁国市| 台南县| 永春县| 墨玉县| 平阴县| 泸溪县| 阜康市| 航空| 阳春市| 海丰县| 寻乌县| 防城港市| 峨山| 水城县| 宜宾市| 十堰市| 报价| 志丹县| 穆棱市| 普洱| 溧阳市| 河东区| 河东区| 罗平县| 若羌县|