转:JS 获取鼠标位置

本文介绍了在不同浏览器中获取鼠标位置的兼容性解决方案,并通过一个简单的示例演示了实际效果。作者强调了记录和分享技术心得的重要性。

来自:http://sofish.de/1498

对于一切关于位置和宽高的东西,在 JS 都特别麻烦。好在由于某些原因,需要用到的地方也很少。这也成为了不去了解的借口。今晚回来瞄一下书。看一下获取鼠标位置的兼容写法。

虽然 JS 不会像 CSS 那么难搞,但兼容一直是最不爽的。还好有 PPK 老师和 Google 老师。简单来说,精简为这个表:

属性参考点浏览器兼容性
ClientX, ClientYdocumentIE
PageX, PageYwindowsane browsers
其他的LayerX, LayerY, OffsetX, OffsetY, ScreenX, ScreenY, x, y 都 TM 是浮云,不用理会

然后,再看一个 Demo 吧:点这里点这里! (把你的鼠标放在页面上乱划吧)

 

============

好吧,这算是个分割线。其实一直挺想写博客的。不过有时候华数网通很不给力,编辑器也很不给力。MB。让我写不成。今晚是搞了很久,才上得了博客,写了几百只字。真是,RP啊,长相啊,浮云啊。SHIT。

话说,最近收获不少。只是,白天在公司都比较忙,晚上回来又晚,有很多分享也都偏向于发 tweet。博客就一天天没去理她了。其实,这是不行滴。

感觉年轻人就应该多写写(虽然已经大叔年龄了),写下来和思考得到的结果差异总是很大。就像 PPK 说的,记下来分享,让他自己收获很多。是的,特别是写 DEMO 的时候。为了对得起读者,就要多方面测试。这其实也给自己积累了不少经验。或许,你也一样。

少年。有空就记下来吧。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值