编程 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 相关文章推荐

IE与Firefox下javascript getyear年份的兼容性写法

Dec 20 Javascript

JavaScript 高级语法介绍

Jun 15 Javascript

Jquery创建层显示标题和内容且随鼠标移动而移动

Jan 26 Javascript

JavaScript实现带箭头标识的多级下拉菜单效果

Aug 27 Javascript

微信公众平台开发教程（六）获取个性二维码的实例

Dec 02 Javascript

Vue.js组件tree实现省市多级联动

Dec 02 Javascript

js+css3实现旋转效果

Jan 20 Javascript

jquery对象与DOM对象转化

Feb 08 Javascript

jquery实现轮播图效果

Feb 13 Javascript

详解微信小程序文件下载--视频和图片

Apr 24 Javascript

JQuery通过键盘控制键盘按下与松开触发事件

Aug 07 jQuery

vue实现拖拽进度条

Mar 01 Vue.js

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

虫族 Zerg 热键控制

2020/03/14 星际争霸

AM/FM收音机的安装与调试

2021/03/02 无线电

PHP Ajax中文乱码问题解决方法

2009/02/27 PHP

PHP教程预定义变量

2009/10/23 PHP

php 格式化数字的时候注意数字的范围

2010/04/13 PHP

PHP中isset()和unset()函数的用法小结

2014/03/11 PHP

PHP输出缓冲控制Output Control系列函数详解

2015/07/02 PHP

PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)

2017/08/15 PHP

PHP实现cookie跨域session共享的方法分析

2019/08/23 PHP

关于Laravel参数验证的一些疑与惑

2019/11/19 PHP

Laravel 集成微信用户登录和绑定的实现

2019/12/27 PHP

addRule在firefox下的兼容写法

2006/11/30 Javascript

js如何设置在iframe框架中指定div不显示

2013/12/04 Javascript

JS获取下拉框显示值和判断单选按钮的方法

2015/07/09 Javascript

jquery实现鼠标滑过后动态图片提示效果实例

2015/08/10 Javascript

jQuery实现的简洁下拉菜单导航效果代码

2015/08/26 Javascript

原生JS控制多个滚动条同步跟随滚动效果

2017/12/22 Javascript

详解ES7 Decorator 入门解析

2019/02/18 Javascript

elementUI select组件默认选中效果实现的方法

2019/03/25 Javascript

vue-cli+iview项目打包上线之后图标不显示问题及解决方法

2019/10/16 Javascript

vue如何实现动态加载脚本

2020/02/05 Javascript

javascript实现数字时钟效果

2021/02/06 Javascript

[08:44]DOTA2发布会群星聚首我们都是刀塔人

2014/03/21 DOTA

[03:39]这就是刀塔，我们是冠军！燃情短片讲述我们的DOTA故事

2019/07/02 DOTA

使用Python的Flask框架实现视频的流媒体传输

2015/03/31 Python

win7上python2.7连接mysql数据库的方法

2017/01/14 Python

在python里从协程返回一个值的示例

2019/02/19 Python

pygame实现烟雨蒙蒙下彩虹雨

2019/11/11 Python

Python如何使用正则表达式爬取京东商品信息

2020/06/01 Python

Python学习之路安装pycharm的教程详解

2020/06/17 Python

pytorch中的weight-initilzation用法

2020/06/24 Python

Under Armour安德玛荷兰官网：美国高端运动科技品牌

2019/07/10 全球购物

保护环境建议书

2014/03/12 职场文书

大专护理专业自荐信

2015/03/25 职场文书

古诗文之爱国名句（77句）

2019/09/24 职场文书

基于Pygame实现简单的贪吃蛇游戏

2021/12/06 Python