jquery().offset()、e.offsetX、e.clientX
来源:互联网 发布:淘宝双十一c店报名条件 编辑:程序博客网 时间:2024/06/05 01:16
$(function(){ //$("#inner").html($("#inner").offset().left + ",,," + $("#inner").offset().top) ; //$("#inner").html($("#inner").client().left + ",,," + $("#inner").offset().top) ; $("#inner").on("mousemove",function(e){ //$("#inner").html(e.offsetX + ",,," + e.offsetY) ; $("#inner").html(e.clientX + ",,," + e.clientY) ; }) ; });<div id="outer" style="width:200px;height:200px;position:absolute;top:100px;left:100px;border:1px solid red;padding:10px"> <div id="inner" style="width:100px;height:100px; border:1px solid green"> 234234234 </div></div>
e.offsetX的0,0坐标点是$(“#inner”)的左上角。
e.clientX的0,0坐标点是$(document)的左上角
阅读全文
0 0
- jquery().offset()、e.offsetX、e.clientX
- e.offsetX/e.clientX/e.pageX的区别
- 浏览器 e.pageX e.layerX e.offsetX e.clientX e.x 的区别
- 理解e.clientX、e.clientY、e.pageX、e.pageY、e.offsetX、e.offsetY、e.screenX、e.screenY
- 有关位置问题:原生JS e.clientX e.pageX JQ中offset() position()
- 理解 e.clientX,e.clientY e.pageX
- clientX offsetX sreenX
- screenX clientX pageX offsetX
- clientX,offsetX,screenX意义
- offsetX pageX clientX screenX
- screenx,pagex,clientx,offsetx
- clientX, pageX, offsetX, screenX
- 如何理解e.clientX和e.clientY e.screenX e.screenY
- e.pageX,e.clientX.e.screenX.offsetLeft,scrollTop事件的区别
- Primefaces 中e.offset(...)问题的处理
- 深刻认识clientX,offsetX,screenX
- 深刻认识clientX,offsetX,screenX
- pageX,clientX,screenX,offsetX区别
- hdu 2094 谁是冠军(STL,拓扑排序)
- 【bzoj1370】【团伙】原来并查集还能这么用?!
- Linux 基础知识(1)—学习路线
- 多线程-生产者消费者lock锁
- solr服务快速搭建、配置中文分词、数据导入即solrj增删改查
- jquery().offset()、e.offsetX、e.clientX
- codeforces 864C
- JavaScript --02 语法
- CSS3 三维立体文字及旋转特效
- codeforces 864D
- poj3667 Hotel (线段树+区间合并)
- jsonp 的原理与实现
- ssh用ajax提交表单到后台,后台返回success,不跳转到在struts.xml中设置的页面
- AT绑定句柄无效和拒绝访问