知识屋：更实用的电脑技术知识网站
知识屋 手机游戏 手机软件 电脑软件 最近更新 手机端
冒险村物语 英雄无敌3塔防 驾考家园手游 我的小家破解版 业力汉堡商店
cah职工e家 智能安全管控 易慧 iedukids学习中 闪背
亿彩文本文件批 文件自动分类器（ Win8激活信息备
LOL手游国服和外 LOL手游日服怎么 怎么注册LOL手游 2020双十一活动
所在位置：首页 > 电脑技术

js怎么设置鼠标位置 js设置鼠标位置的方法

发表时间：2017-05-26来源：网络

js怎么设置鼠标位置 js设置鼠标位置的方法　新建一个html代码页面，在这个html页面找到<body>,然后在这个<body>里创建一个用来显示坐标位置的<div>,并给这个<div>添加一个id。如图

　　创建<div>的代码：

　　<div id="point-loc"></div>

　　使用pageX、pageY获取鼠标当前位置。在<title>标签后面新建一个<script>，创建鼠标移动时获取鼠标当前的位置。如图：

　　js代码：

　　<script type="text/javascript">

　　document.onmousemove = function（e）{

　　var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY

　　document.getElementById（"point-loc"）。innerHTML = loc;

　　}

　　</script>

 

js怎么设置鼠标位置 js设置鼠标位置的方法

　　保存html后使用浏览器打开即可看到效果。如图：

 

js怎么设置鼠标位置 js设置鼠标位置的方法

　　4页面所有代码：

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<meta charset="UTF-8">

　　<title>js获取鼠标位置</title>

　　<script type="text/javascript">

　　document.onmousemove = function（e）{

　　var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY

　　document.getElementById（"point-loc"）。innerHTML = loc;

　　}

　　</script>

　　</head>

　　<body>

　　<div id="point-loc"></div>

　　</body>

　　</html>

（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
收藏

上一篇：联想笔记本鼠标失灵怎么解决 联想笔记本鼠标失灵的解决方法

下一篇：w7鼠标灵活度怎么设置 w7鼠标灵活度设置的方法

知识阅读

软件推荐

更多 >

游戏推荐

更多 >

热门推荐

  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜

手机游戏

手机软件

电脑软件

猜你喜欢

城市 智能 家居 福利 美女 壁纸 截图 照片 修图 新闻 八卦 免费 农业 司机 会议 物流 资源 拍摄 下载 美图 手机 宠物 计算机 服务 汽车 二手 程序员 短视频 播放器 影视 动漫 停车 江浙沪 地铁 公交 抖音 舞蹈 征信 母婴 低息 分期 钱包 区块链 360 投注 彩票 借贷 网贷 借钱 抢票 吃货 购物 WIFI 导航 运动 健康

本站所有软件来自互联网，版权归原著所有。如有侵权，敬请来信告知，我们将及时撤销。

知识屋 www.zhishiwu.com 更实用的电脑技术知识网站

苏ICP备14019037号-7

联系我们