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

JS getMonth()日期函数的值域是0-11

Feb 15 Javascript

JS添加删除一组文本框并对输入信息加以验证判断其正确性

Apr 11 Javascript

jQuery实现列表自动滚动循环滚动展示新闻

Aug 22 Javascript

JavaScript实现点击单元格改变背景色的方法

Feb 12 Javascript

详解JavaScript设计模式开发中的桥接模式使用

May 18 Javascript

Ionic实现页面下拉刷新(ion-refresher）功能代码

Jun 03 Javascript

Vue.js快速入门实例教程

Oct 15 Javascript

jQuery双向列表选择器select版

Nov 01 Javascript

json2.js 入门教程之使用方法与实例分析

Sep 14 Javascript

jquery插件开发模式实例详解

Jul 20 jQuery

js计时事件实现圆形时钟

Mar 25 Javascript

OpenLayers3实现地图鹰眼以及地图比例尺的添加

Sep 25 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/08 PHP

window.showModalDialog参数传递中含有特殊字符的处理方法

2013/06/06 Javascript

js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)

2014/01/14 Javascript

谈一谈JS消息机制和事件机制的理解

2016/04/14 Javascript

BootStrap的JS插件之轮播效果案例详解

2016/05/16 Javascript

BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

2016/08/17 Javascript

基于vue.js轮播组件vue-awesome-swiper实现轮播图

2017/03/17 Javascript

js原生代码实现轮播图的实例讲解

2017/07/28 Javascript

全面介绍vue 全家桶和项目实例

2017/12/27 Javascript

详解vue-cli项目中怎么使用mock数据

2018/05/29 Javascript

对angularJs中$sce服务安全显示html文本的实例

2018/09/30 Javascript

layui表单提交到后台自动封装到实体类的方法

2019/09/12 Javascript

如何优雅地取消 JavaScript 异步任务

2020/03/22 Javascript

vue移动端下拉刷新和上滑加载

2020/10/27 Javascript

[10:39]DOTA2上海特级锦标赛音乐会纪录片

2016/03/21 DOTA

Ubuntu下安装PyV8

2016/03/13 Python

一步步教你用Python实现2048小游戏

2017/01/19 Python

对python内置map和six.moves.map的区别详解

2018/12/19 Python

Pytorch基本变量类型FloatTensor与Variable用法

2020/01/08 Python

Python使用monkey.patch_all()解决协程阻塞问题

2020/04/15 Python

Python 实现劳拉游戏的实例代码（四连环、重力四子棋）

2021/03/03 Python

CSS3 :default伪类选择器使用简介

2018/03/15 HTML / CSS

全球酒店预订网站：Hotels.com

2016/08/10 全球购物

美国知名的旅游网站：OneTravel

2018/10/09 全球购物

Foreo国际站：Foreo International

2018/10/29 全球购物

俄罗斯购买剧院和演唱会门票网站：Parter.ru

2019/11/09 全球购物

如何掌握自荐信格式呢

2013/11/19 职场文书

毕业生护理专业个人求职信范文

2014/01/04 职场文书

个人四风问题对照检查材料

2014/10/01 职场文书

群众路线个人剖析材料

2014/10/07 职场文书

2015年师德表现自我评价

2015/03/05 职场文书

餐厅收银员岗位职责

2015/04/07 职场文书

2015年学校保卫部工作总结

2015/05/11 职场文书

毕业欢送会致辞

2015/07/29 职场文书

python中sys模块的介绍与实例

2021/04/17 Python

MySQL创建表操作命令分享

2022/03/25 MySQL