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模块化编程(一)AMD规范(规范使用模块)
Jan 17 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
May 02 Javascript
js实现上传图片及时预览
May 07 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
javascript 解决浏览器不支持的问题
Sep 24 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
JSON获取属性值方法代码实例
Jun 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
php析构函数的简单使用说明
2015/08/24 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
js window.event对象详尽解析
2009/02/17 Javascript
jquery中的$(document).ready()与window.onload的区别
2009/11/18 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
JS对HTML标签select的获取、添加、删除操作
2013/10/17 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
2014/08/05 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
node.js缺少mysql模块运行报错的解决方法
2016/11/13 Javascript
JavaScript实现的select点菜功能示例
2017/01/16 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
python3中bytes和string之间的互相转换
2017/02/09 Python
使用python编写监听端
2018/04/12 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
使用python实现多维数据降维操作
2020/02/24 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
社区端午节活动方案
2014/01/28 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
公司年终奖分配方案
2014/06/16 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
虎兄虎弟观后感
2015/06/12 职场文书
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏
python数据处理之Pandas类型转换
2022/04/28 Python