`
james23dier
  • 浏览: 530158 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

event.clientX 于event.clientY

js 
阅读更多
event.clientX 于event.clientY 的返回值为数值,因此如果要将其重新赋值给其他的div作为其他div的style.top或者style.left属性的话,一定要在event.clientX之后加上“px”.

例如
show(event)
{
document.getElementById("vidname").style.left = event.clientX+"px";
document.getElementById("vidname").style.top = event.clientY+"px";
}
1
0
分享到:
评论
2 楼 james23dier 2009-10-31  
yiminghe 写道
scrollbar

请问高人什么意思?
1 楼 yiminghe 2009-10-28  
scrollbar

相关推荐

    event.X和event.clientX的区别分析

    在处理鼠标事件时,我们常常会遇到`event.X`和`event.clientX`这两个属性,它们都是用来获取鼠标位置的,但有微妙的差别。 `event.clientX`属性返回的是鼠标指针在浏览器的可视窗口(客户区域)内的X坐标,不包括...

    onunload事件判断浏览器是刷新还是关闭窗口

    我们可以使用 onunload 事件和 event.clientX、event.clientY 属性或 window.event.screenX、window.event.clientY 属性来判断浏览器是刷新还是关闭窗口,这样我们可以执行相应的操作,提高用户体验。 在实际应用中...

    JS针对浏览器窗口关闭事件的监听方法集锦

    本文实例总结了JS针对浏览器窗口关闭事件的监听...if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) { return "您要离开吗?"; } } [removed] 方式二:适用于IE和FF,不区分刷新和关闭

    js获取鼠标点击位置

    通过使用 `event.clientX`、`event.clientY` 以及 `event.pageX`、`event.pageY`,我们可以有效地获取用户鼠标点击位置的信息。对于需要考虑页面滚动情况的应用场景来说,推荐使用 `pointerX()` 和 `pointerY()` ...

    js 调色板 纯js

    var left = document.body.scrollLeft + event.clientX; var top = document.body.scrollTop + event.clientY; if (event.clientX+clrPanel.style.pixelWidth > document.body.clientWidth) { //对话框显示在...

    使用JavaScript获取客户端的鼠标坐标信息

    首先,我们需要理解两个重要的事件对象:`event.clientX` 和 `event.clientY`。这两个属性分别表示鼠标在浏览器窗口的水平和垂直方向上的位置。它们是JavaScript事件处理函数中的参数`event`的一部分,通常在与鼠标...

    判断鼠标方向js

    这个位置可以通过`event`对象提供的`clientX`和`clientY`属性获取,它们分别表示鼠标相对于视口左侧和顶部的距离。 以下是一个基础的JavaScript代码片段,用于监听鼠标移动并打印当前位置: ```javascript ...

    JS获得鼠标位置(兼容多浏览器ie,firefox)

    对于大部分现代浏览器,如Chrome、Safari、Firefox等,可以使用`event.clientX`和`event.clientY`来获取页面坐标。这两个属性分别代表了鼠标水平和垂直方向上的距离,以像素为单位,是从浏览器窗口的左上角开始计算...

    获取鼠标相对位置

    通过正确地使用`event.clientX`、`event.clientY`以及`getBoundingClientRect()`,开发者可以精确地获取到鼠标在页面或特定元素上的坐标,从而实现更丰富的用户交互体验。对于`ImageSpliter.js`这样的图像处理工具,...

    How to Read Mouse Coordinates using Javascript.zip

    `event.clientX`返回鼠标指针相对于浏览器窗口左边缘的水平坐标,`event.clientY`则返回相对于顶部的垂直坐标。例如,在`mousemove`事件处理函数中,我们可以这样写: ```javascript document.addEventListener('...

    多触点拖拽缩放旋转

    initialDistance = Math.sqrt(Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2)); } }); document.getElementById('canvas').addEventListener('touchmove', event...

    整理的比较全的event对像在ie与firefox浏览器中的区别

    通用:两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:style.posL

    火狐兼容获取鼠标的坐标

    在大多数现代浏览器中,可以通过`event.clientX`和`event.clientY`属性获取到这些坐标。 3. **火狐浏览器的特殊性**: Firefox浏览器在处理鼠标坐标时与其他浏览器略有不同。在Firefox中,`event.clientX`和`event...

    JavaScript鼠标定位

    在上面的代码中,`event.clientX`和`event.clientY`分别提供了鼠标相对于浏览器窗口左上角的X和Y坐标。如果需要获取相对于某个特定元素的位置,我们需要考虑元素的偏移量: ```javascript document....

    Javascript下IE与Firefox下的差异兼容写法总结

    window.event对象差异 ... 通用:两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:styl

    捕获鼠标的位置

    首先,我们要了解两个主要的事件对象属性:`event.clientX` 和 `event.clientY`。这两个属性分别提供了鼠标在当前视口中的水平和垂直位置。当用户在页面上移动鼠标时,可以通过监听`mousemove`事件来获取这些坐标。 ...

    当前鼠标的光标坐标是多少

    x=event.clientX y=event.clientY alert("X 坐标: " + x + ", Y 坐标: " + y) } [removed] </head> <body <p>在此文档中按下你鼠标的左键看看!</p> </body> </html>

    Javascript之event大全

    <BODY onmousemove="window.status='X=' + event.clientX + ' Y=' + event.clientY"> ``` 了解和熟练掌握JavaScript中的Event机制对于开发响应式和交互式的Web应用至关重要。通过监听和处理各种事件,开发者可以...

    javascript之Event详解[定义].pdf

    语法:event.clientX 注释:这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。 5. clientY属性 clientY属性用于返回鼠标在窗口客户区域中的Y坐标。语法:event.clientY ...

    Javascript dom位置、大小、鼠标定位操作

    理解这些属性之间的差异至关重要,例如,`event.clientX` 和 `event.clientY` 是相对于窗口的,而`event.pageX` 和 `event.pageY` 则是相对于整个文档的。`event.offsetX` 和 `event.offsetY` 是相对于元素的可见...

Global site tag (gtag.js) - Google Analytics