javascript offsetX与layerX区别


Posted in Javascript onMarch 12, 2010

一个简单的例子:判断鼠标位于事件源左边还是右边,在图片点击自动翻页中常用到。

function GetMousePosStr (evnt,ele) 
{ 
if(!evnt) 
{ 
evnt = window.event; 
} var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX; 
if(evnt.offsetX < ele.offsetWidth / 2) 
{ 
return 'left'; 
} 
else 
{ 
return 'right'; 
} 
}
Javascript 相关文章推荐
再论Javascript的类继承
Mar 05 Javascript
ko knockoutjs动态属性绑定技巧应用
Nov 14 Javascript
javascript实现动态侧边栏代码
Feb 19 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
js初始化验证实例详解
Nov 26 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
Mar 12 #Javascript
javascript 图片上一张下一张链接效果代码
Mar 12 #Javascript
JQuery Ajax 跨域访问的解决方案
Mar 12 #Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 #Javascript
jquery 简单的进度条实现代码
Mar 11 #Javascript
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 #Javascript
Javascript 入门基础学习
Mar 10 #Javascript
You might like
PHP字符串处理的10个简单方法
2010/06/30 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
原生js和jQuery实现淡入淡出轮播效果
2015/12/25 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
一道常被人轻视的web前端常见面试题(JS)
2016/02/15 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
微信小程序入门之指南针
2020/10/22 Javascript
Python比较两个图片相似度的方法
2015/03/13 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
python list元素为tuple时的排序方法
2018/04/18 Python
详解Python中的type和object
2018/08/15 Python
pytorch 更改预训练模型网络结构的方法
2019/08/19 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
信访工作汇报材料
2014/10/27 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
人代会简报
2015/07/21 职场文书
SQL写法--行行比较
2021/08/23 SQL Server