编程 Javascript

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 基于原型的对象（创建、调用）

Oct 16 Javascript

基于jquery的滚动鼠标放大缩小图片效果

Oct 27 Javascript

Javascript生成json的函数代码(可以用php的json_decode解码)

Jun 11 Javascript

Jquery仿IGoogle实现可拖动窗口示例代码

Aug 22 Javascript

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

Feb 21 Javascript

移动端横屏的JS代码(beta)

May 16 Javascript

微信小程序滚动Tab实现左右可滑动切换

Aug 17 Javascript

Javascript刷新页面的实例

Sep 23 Javascript

js构建二叉树进行数值数组的去重与优化详解

Mar 26 Javascript

JQuery元素快速查找与操作

Apr 22 jQuery

使用Angular9和TypeScript开发RPG游戏的方法

Mar 25 Javascript

js加减乘除精确运算方法实例代码

Jan 17 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后台多用户权限组思路与实现程序代码分享

2012/02/13 PHP

PHP中return 和 exit 、break和contiue 区别与用法

2012/04/09 PHP

PHP--用万网的接口实现域名查询功能

2012/12/13 PHP

php set_time_limit()函数的使用详解

2013/06/05 PHP

php根据身份证号码计算年龄的实例代码

2014/01/18 PHP

Linux中用PHP判断程序运行状态的2个方法

2014/05/04 PHP

php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法

2014/11/11 PHP

php生成动态验证码gif图片

2015/10/19 PHP

什么是PHP文件?如何打开PHP文件?

2017/06/27 PHP

js 发个判断字符串是否为符合标准的函数

2009/04/27 Javascript

JavaScript 函数式编程的原理

2009/10/16 Javascript

理解 JavaScript 预解析

2009/10/25 Javascript

node.js中的fs.unlink方法使用说明

2014/12/15 Javascript

BootStrap实现邮件列表的分页和模态框添加邮件的功能

2016/10/13 Javascript

Express + Session 实现登录验证功能

2017/09/08 Javascript

微信小程序中吸底按钮适配iPhone X方案

2017/11/29 Javascript

在Web关闭页面时发送Ajax请求的实现方法

2019/03/07 Javascript

微信小程序基于Taro的分享图片功能实践详解

2019/07/12 Javascript

[02:44]重置世界，颠覆未来——DOTA2 7.23版本震撼上线

2019/12/01 DOTA

Python实现字典的key和values的交换

2015/08/04 Python

python3使用urllib模块制作网络爬虫

2016/04/08 Python

Python加密方法小结【md5,base64,sha1】

2017/07/13 Python

python按行读取文件并找出其中指定字符串

2019/08/08 Python

Python Socketserver实现FTP文件上传下载代码实例

2020/03/27 Python

Python中使用aiohttp模拟服务器出现错误问题及解决方法

2020/10/31 Python

Python基于execjs运行js过程解析

2020/11/27 Python

俄罗斯在线服装店：STOLNIK

2021/03/07 全球购物

自我鉴定范文300字

2013/10/01 职场文书

技术负责人任命书

2014/06/05 职场文书

2015年预防青少年违法犯罪工作总结

2015/05/22 职场文书

婚礼伴郎致辞

2015/07/28 职场文书

九年级历史教学反思

2016/02/19 职场文书

《亲亲我的妈妈》观后感（3篇）

2019/09/26 职场文书

导游词之西安骊山

2019/12/20 职场文书

MySQL基于索引的压力测试的实现

2021/11/07 MySQL

js 实现Material UI点击涟漪效果示例

2022/09/23 Javascript