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 相关文章推荐
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 Javascript
Google 地图控件集详解及实例代码
Aug 06 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
vue实现信息管理系统
May 30 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
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
yii框架redis结合php实现秒杀效果(实例代码)
2017/10/26 PHP
JQuery中each()的使用方法说明
2010/08/19 Javascript
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
基于jquery的on和click的区别详解
2018/01/15 jQuery
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
在JS循环中使用async/await的方法
2018/10/12 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
2019/07/16 jQuery
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
python访问类中docstring注释的实现方法
2015/05/04 Python
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
python 定时修改数据库的示例代码
2018/04/08 Python
python爬取哈尔滨天气信息
2018/07/14 Python
用Python逐行分析文件方法
2019/01/28 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
python处理“
2019/06/10 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
W3C公布最新的HTML5标准草案
2008/10/17 HTML / CSS
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
大四学生找工作的自荐信
2014/03/27 职场文书
读书活动总结范文
2014/04/26 职场文书
水电维修专业推荐信
2014/09/06 职场文书
2015毕业生自我评价范文
2015/03/02 职场文书
Python中常见的导入方式总结
2021/05/06 Python
MySQL 8.0 之不可见列的基本操作
2021/05/20 MySQL