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

基于jQuery架构javascript基础体系

Jan 01 Javascript

JQuery对id中含有特殊字符的转义处理示例

Sep 06 Javascript

jQuery实现加入购物车飞入动画效果

Mar 14 Javascript

EasyUi中的Combogrid 实现分页和动态搜索远程数据

Apr 01 Javascript

Bootstrap编写一个在当前网页弹出可关闭的对话框非弹窗

Jun 30 Javascript

js鼠标跟随运动效果

Mar 11 Javascript

javascript回调函数的概念理解与用法分析

May 27 Javascript

原生js调用json方法总结

Feb 22 Javascript

原生JS检测CSS3动画是否结束的方法详解

Jan 27 Javascript

Vue服务端渲染实践之Web应用首屏耗时最优化方案

Mar 22 Javascript

WEB前端性能优化的7大手段详解

Feb 04 Javascript

Swiper实现导航栏滚动效果

Oct 16 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

如何批量清理系统临时文件(语言：C#、 C/C++、 php 、python 、java )

2016/02/01 PHP

javascript引用对象的方法代码

2007/08/13 Javascript

jquery 实现两Select 标签项互调示例代码

2014/09/25 Javascript

jQuery中$.extend()用法实例

2015/06/24 Javascript

jQuery采用连缀写法实现的折叠菜单效果

2015/09/18 Javascript

使用Script元素发送JSONP请求的方法

2016/06/12 Javascript

JS Ajax请求如何防止重复提交

2016/06/13 Javascript

js 定义对象数组(结合)多维数组方法

2016/07/27 Javascript

详解JavaScript的闭包、IIFE、apply、函数与对象

2016/12/21 Javascript

jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】

2017/03/06 Javascript

微信小程序实现图片轮播及文件上传

2017/04/07 Javascript

react-native 封装选择弹出框示例(试用ios&android)

2017/07/11 Javascript

浅谈Angular路由守卫

2017/08/26 Javascript

web页面和微信小程序页面实现瀑布流效果

2018/09/26 Javascript

vue 自定义组件实现通讯录功能

2018/09/30 Javascript

JavaScript this绑定过程深入详解

2018/12/07 Javascript

JS/jQuery实现超简单的Table表格添加,删除行功能示例

2019/07/31 jQuery

小程序接入腾讯位置服务的详细流程

2020/03/03 Javascript

JS寄快递地址智能解析的实现代码

2020/07/16 Javascript

原生JS实现音乐播放器的示例代码

2021/02/25 Javascript

对Python通过pypyodbc访问Access数据库的方法详解

2018/10/27 Python

一百行python代码将图片转成字符画

2021/02/19 Python

python后端接收前端回传的文件方法

2019/01/02 Python

django配置连接数据库及原生sql语句的使用方法

2019/03/03 Python

html5桌面通知(Web Notifications)实例解析

2014/07/07 HTML / CSS

幼儿园中班新学期寄语

2014/01/18 职场文书

领导失职检讨书

2014/02/24 职场文书

最新结婚典礼主持词

2014/03/14 职场文书

松材线虫病防治方案

2014/06/15 职场文书

建筑工地大门标语

2014/06/18 职场文书

文明好少年事迹材料

2014/08/19 职场文书

六查六看自查报告

2014/10/14 职场文书

党员民主评议自我评价

2014/10/20 职场文书

男方婚礼答谢词

2015/01/20 职场文书

文明礼貌主题班会

2015/08/14 职场文书

python实现会员管理系统

2022/03/18 Python