正如您所知道的，clientLeft在PXs中返回边框，并且您知道有clientLeft和clientTop，那么为什么clientRight和clientButtom在JavaScript中不存在呢？以及如何在JavaScript中获取Right和buttom边框？
浏览 92提问于2020-07-15得票数 1
回答已采纳
对不起-我的错-在另一个脚本中的错误，使我认为这个函数是错误的。** *但是如果你需要的话，你有一个很好的功能;)
谢谢你们的帮助。
！~
我有这样的功能：
function findPos(obj) {
var curleft = curtop = 0;
if (obj && obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.of
浏览 1提问于2011-11-13得票数 3
我写了一个项目。我使用DataGridViewAutoFilter库进行过滤。但我有问题。
对于DataGridView列的下拉筛选列表，标题单元格的大小(宽度)非常小。是自动大小的。
如何调整用于筛选的DataGridView列标题单元格的下拉筛选列表的大小？
private void dataGridView1_BindingContextChanged(object sender, EventArgs e)
{
if (dataGridView1.DataSource == null) return;
foreach (DataGridViewColumn col
浏览 9提问于2015-01-30得票数 1
回答已采纳
1回答
有没有办法测量tinymce编辑器实例中的元素？我需要测量表的宽度和它的列，这样我就可以找到表的相对列宽，下面的代码返回0，即使表中有内容。
var doc = tinymce.get('text_box_desc0').getDoc();
var width = $('table', doc).width();
alert(width);
浏览 0提问于2012-11-19得票数 1
回答已采纳
1回答
到目前为止，这就是我所做的：
function getOffsetRect(elem) {
var box = elem.getBoundingClientRect()
var body = document.body
var docElem = document.documentElement
var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
var scrollLeft = window.pageXOffset || docElem.scrollLe
浏览 3提问于2015-03-23得票数 0
回答已采纳
3回答
如何获得iframe内容宽度？
、、、、
我的页面里有一个iframe。如下所示：
<iframe width="600px">
<html>
<head>
</head>
<body>
<p>Some text</p>
<img src="/foo/bar/test.png" />
</body>
</html>
</iframe>
我希望能够检
浏览 2提问于2013-02-04得票数 5
回答已采纳
e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
这个表达式是如何计算的？
浏览 0提问于2011-10-11得票数 0
回答已采纳
当用户点击网站上的任何地方时，我想注册鼠标x和y pos并打印出来。
问题:它每次输出0，0个位置。
这个函数得到x和y的位置
// get the position of click
function getPosition(el) {
var xPosition = 0;
var yPosition = 0;
while (el) {
if (el.tagName == "BODY") {
// deal with browser quirks with body/window/document and page scroll
浏览 2提问于2017-02-21得票数 1
2回答
在Javascript中使用鼠标时，我偶尔会遇到以下事件属性：
clientX，clientY
layerX，layerY
offsetX，offsetY
pageX，pageY
screenX，screenY
x，y
我想知道他们的跨浏览器兼容性在一般情况下是什么样子，因为我只找到了一些我想要修补的信息。
浏览 2提问于2010-07-27得票数 14
回答已采纳
我有img和div在下面，位置绝对。所以我需要这个div总是从图像的右下角开始，然后转到左边。但是，当我使用以下代码时，div在调整浏览器窗口的大小后从img的下角离开：
div1.style.left = ((imgRect.left +
(window.pageXOffset || document.body.scrollLeft) -
(document.body.clientLeft || 0))
- 532) + "px";
请注意，div在刷新页面时采取正确的位置，但是如何在不刷新的情况下做到这一点？
我尝试添加以下代码：
$(window).re
浏览 1提问于2013-11-24得票数 0
回答已采纳
我有两套代码
以下代码可以在firefox上运行
x=e.clientX + document.documentElement.scrollLeft;
y=e.clientY +document.documentElement.scrollTop -67;
这可以在Chrome上运行
x=e.clientX + document.body.scrollLeft ;
y=e.clientY + document.body.scrollTop - 67 ;
我试着组合代码，但在Firefox中不能正常工作。
if( document.documentElement){
x=e.client
浏览 0提问于2011-02-13得票数 1
回答已采纳
我想按下鼠标按钮，并移动光标，显示光标的坐标，同时按下按钮。当我停止点击时，它应该停止显示坐标。
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<style>
body {
height: 3000px;
}
</style>
</head>
<body>
<script>
(functi
浏览 1提问于2018-02-21得票数 0
回答已采纳
iPhone Mobile Safari似乎缺少element.getBoundingClientRect。在iPhone Mobile Safari上等效的方法是什么？此方法存在于iPad上。
浏览 0提问于2010-05-08得票数 12
回答已采纳
2回答
我知道position方法，但它检索的是相对于偏移量父级的位置。我只是抛出一个循环来遍历文档节点吗？
我想我很惊讶它不是核心的一部分，我想知道它是不是藏在我不知道的地方。
浏览 0提问于2009-05-26得票数 4
回答已采纳
5回答
我在页面上有以下div：
<div id="tip">
Tip text here...
</div>
以及以下内容：
<div class="element">
Element text here...
</div>
下面是js-code：
$(document).ready(function() {
$('.element').hover(function() {
$('#tip').css('top', $('.el
浏览 0提问于2013-02-11得票数 0
回答已采纳
1回答
我想要获取/设置div的位置。我不知道最好的技巧是什么：
CSS风格？
var x = aDiv.style.left;
var y = aDiv.style.top;
或者使用HTML div元素的clientTop/clientLeft？
或者..。？
耽误您时间，实在对不起!J.
浏览 0提问于2012-02-09得票数 0
回答已采纳
2回答
对于如何获得相对于画布本身的事件在画布元素上的坐标，这里有很多答案，如Stack溢出。我使用了以下解决方案(getEventPosition)，它运行得很好，除了在画布中添加边框时的(除外)：
/**** This solution gives me an offset equal to the border size
**** when the canvas has a border. Example:
**** <canvas style='border: 10px solid black; background: #333;' id='gauge_can
浏览 7提问于2012-09-09得票数 6
回答已采纳
1回答
我有这样的代码：
jQuery.fn.getPos=function()
{
var o=this[0];
var left=0,top=0,parentNode=null,offsetParent=null;
var offsetParent=o.offsetParent;
var original=o;
var el=o;
while(el.parentNode!=null){
el=el.parentNode;
if(el.offsetParent!=null){
var sc
浏览 0提问于2017-02-24得票数 3
我使用这段代码显示一个弹出窗口，用于phpBB中的一个由mouseover事件触发的迷你配置文件。
<style type="text/css">
.popUpProfile
{
position: absolute;
z-index: 3;
left: 100px;
top: 200px;
font-size: 14px;
background-color: #DCEBFE;
margin: 0 10px;
padding: 5px;
width: 450px;
border: solid 2px red;
border-ra
浏览 0提问于2015-05-08得票数 1
回答已采纳
2回答
所以我有这样的代码，它过去在普通的事件侦听器中工作得很好，但我只是将触发器改为html onclick()，现在我的弹出窗口总是显示在左下角；我不明白这有什么不同：
HTML：
<span onclick="edit(this)"></span>
JS：
function edit(target){
var left = (target.clientX - 40) + "px";
var top = (target.clientY - 40)+ "px";
$("#popup").css(
浏览 0提问于2018-02-01得票数 2
回答已采纳
1回答
我正在尝试创建一个定制的范围滑块。我很难把slidersCursor保存在滑块里。
以下是相关代码：
var cursorPosition = 1 - clamp01((sliderDimention - (e.clientX - startPoint.left)) / sliderDimention);
sliderCursor.style.transform = 'translateX(' + (cursorPosition * sliderDimention - cursorRadius) + 'px)';
在上面的代码中，当您将滑块拖到最右边或最左边时，
浏览 2提问于2016-07-04得票数 3
回答已采纳
1回答
，这是问题的编辑，以添加以下内容.使用jquery动画对象，如下所示……
$("div").animate({left: '250px'});
，但是如果不是左：‘250’px，它可能是目标，这将是理想的
div/class something like this....
$("div").animate({'.title-area-main'});
这个问题涉及到一些html，我在一个名为包装器的div中有一个这个类.
<div class="logo"><img src="images
浏览 3提问于2015-05-26得票数 1
回答已采纳
我想知道的是如何使用JavaScript制作一个拖拽选择框。
我的意思是，当你点击鼠标左键并拖动时，一个“线”(我不知道它的术语)应该会出现，就像在你的桌面上一样。
在图像上单击并拖动，当释放时，在拖动区域的下方应出现搜索框。
我确信这是可能的，但是我没有找到任何example.So，你能帮我吗？
浏览 0提问于2013-03-04得票数 1
1回答
我已经创建了一个弹出覆盖，目前设置为当您单击一个按钮。但是，我希望这样，当您最初在网站上滚动，然后移动您的光标到页面的顶部(例如，面向导航)时，弹出窗口就会出现。
Javascript
// Initialize Variables
var closePopup = document.getElementById("popupclose");
var overlay = document.getElementById("overlay");
var popup = document.getElementById("popup");
var but
浏览 0提问于2016-04-21得票数 0
回答已采纳
尝试识别单击的x和y坐标的相对值和父容器的偏移量，以找到在网页上单击鼠标的真实值。
问题是:我在屏幕上以x和y的形式显示NaN？不知道为什么？
// get the position of click
function getPosition(el) {
var xPosition = 0;
var yPosition = 0;
while (el) {
if (el.nodeName == "BODY") {
// deal with browser quirks with body/window/document and page scr
浏览 0提问于2017-02-22得票数 0
回答已采纳
2回答
我需要获得带有游标的行号，或者更好的是，在一个内容可编辑的body元素中获得光标的偏移量。
我怎样才能做到这一点？
浏览 5提问于2012-02-21得票数 4
1回答
我正在编辑我从使用的垂直滑块。它使用top来调整游标的位置。我想用transform translateY代替。当我这么做的时候，我显然不得不用不同的方法来计算。
最初的计算是：()
hsv_barcursor.style.top = ((1 - color.hsv.v) * hsv_barHeight) + 'px';
我的更新版本是：(在下面的JSFiddle第43行)
hsv_barcursor.style.transform = 'translateY(calc(' + (color.RND.hsv.v * 10) + '% - ' +
浏览 2提问于2016-05-04得票数 0
回答已采纳
2回答
你能告诉我如何在HTML中将方法赋值给变量吗？ 我在HTML中有： <b-card-text>X position {{xpos}}</b-card-text>
<b-card-text>Y position {{ypos}}</b-card-text> 并希望从方法中为xpos和ypos赋值： methods: {
show() {
const canvas = document.getElementById('canvasId')
// canvasMouseTrack.width = 102
浏览 43提问于2021-04-26得票数 0
3回答
框影响应鼠标位置
、、、
我试图在网页中创建一个动画，其中元素的框影响应鼠标的位置，即(红色X=鼠标)：
我已经找到了一个跟踪鼠标运动的函数，但我不知道如何将它应用于对象。这是我的密码：
$(document).ready(function() {
function shadowAnimation() {
var objectToAnimate = $("#shadow-test");
document.onmousemove = handleMouseMove;
function handleMouseMove(event) {
浏览 7提问于2020-11-13得票数 5
回答已采纳
1回答
我想获得相对于img的鼠标坐标，但是当鼠标在rectangle上时，它返回相对于它的坐标。我怎样才能得到正确的坐标？
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<style>
.rectangle {
border: 1px solid #FF0000;
浏览 1提问于2018-03-22得票数 0
回答已采纳
1回答
我有以下函数，它像冠军一样工作：
//To find the position of an element
function getPosition(el) {
var xPos = 0;
var yPos = 0;
while (el) {
if (el.tagName == "BODY") {
// deal with browser quirks with body/window/document and page scroll
var xScroll = el.scrollLeft || document.docum
浏览 30提问于2019-12-03得票数 0
回答已采纳
我尝试获取事件(例如document.onmousemove)的鼠标坐标，但是，我得到了IE9的不同值。我使用这个函数。
function mouseCoords(event){
if(event.pageX || event.pageY){
return {x:event.pageX, y:evevent.pageY};
}
return { //IE
x:event.clientX + document.body.scrollLeft - document.body.clientLeft,
y:event.clientY + document.body.scroll
浏览 0提问于2013-02-09得票数 0
$(parentelement).find(".spec-table__thead.spec-table__thead--original th p").each((function(index, element) {
console.log($(element))
console.log($(element)[0].clientWidth)
i.push($(element)[0].clientWidth)
}));
我有上面的代码，控制台返回：
但是在检查$(element)的内部时
我看得出来：
className: ""
c
浏览 3提问于2021-01-21得票数 1
回答已采纳
1回答
我读到所有jQuery事件中的which参数都是规范化的( )。然而，我试图弄清楚在( jQuery的)源代码中，这种规范化是在哪里实现的。我感兴趣的是弄清楚它是如何做到的。有谁有主意吗？你能给我指出正确的方向，或者在这里贴出解释吗？
浏览 4提问于2012-11-01得票数 0
回答已采纳
1回答
var canvas=document.getElementById('canvas');
var ctx=canvas.getContext("2d");
var mouseX=0;
var mouseY=0;
var canvasPos=getPosition(canvas);
ctx.addEventListener("mousemove",setMousePosition,false);
function getPosition(e1) {
var xPosition = 0;
var yPosition = 0;
w
浏览 29提问于2018-06-03得票数 0
回答已采纳
1回答
有没有一种方法可以在没有页面滚动的情况下对输入使用javascript焦点。我想让curser开始在输入字段，但我不希望它滚动到页面的那一部分。
目前我正在使用
function setFocusToTextBox() {
document.getElementById("FirstName1").focus();
}
浏览 4提问于2015-06-26得票数 2
回答已采纳
1回答
我们得到了以下代码的"expected : end of statement error“，VB高亮显示了Begin VB.Form Form1
Begin VB.Form Form1
Caption = "Form1"
ClientHeight = 3090
ClientLeft = 60
ClientTop = 450
ClientWidth = 4680
Icon = "Form1.frx":0000
LinkTopic = "Form1"
ScaleHeight = 3090
浏览 3提问于2012-06-28得票数 0
回答已采纳
我使用此函数来获取事件onmousemove的鼠标位置，但在Internet Explorer9中获得了不同的结果。
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
浏览 1提问于2013-02-13得票数 1
2回答
我正在尝试创建一个自定义范围滑块。我在百分比(即1-100)中很难得到游标的位置。
以下是相关代码：
var cursorPosition = 1 - clamp((sliderDimention - (e.clientX - startPoint.left)) / sliderDimention, 0, 1);
sliderRange.style.transform = 'scaleX' + '(' + (cursorPosition * sliderDimention - cursorRadius) + ')';
function clam
浏览 7提问于2016-07-08得票数 1
回答已采纳
请看一看：
从技术上讲，所有的蓝色框都是可见的，因为在其中没有显示为none，所以我不能使用这样的东西：
$('.row .inner .item:visible:last');
因为每一次都会有27框。
正如您可以看到的，一些框是可见的，而另一些则不取决于您的视图端口的大小，调整大小将导致更多的框退出视图或进入视图。
我需要一种方法来连续得到最后一个可见的项目。怎么做？
P.S.我在这里发布了一些片段，以便展示如何判断是否有一个元素在视图中，但其中一些脚本即使不应该返回true，而且所有脚本都需要检查特定的元素，但我的案例要求我只请求最后一个元素，而不是专门测试一个给定的元
浏览 3提问于2013-09-16得票数 2
回答已采纳
1回答
我目前有一个类别下拉菜单，当用户将鼠标悬停在主类别上时，它会加载子类别。 <div class="all-categories">
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li><a href="#">Category 3</a></li>
// More
浏览 11提问于2019-02-08得票数 3
假设我有一个SVG元素作为背景。使用以下工作代码获取移动鼠标的x & y坐标以及视图宽度和高度，我希望动态计算给定任意视口宽度和高度的SVG元素的某个部分的坐标，因为我希望为该部分分配一个onclick()。
var eventDoc, doc, bodyDoc;
e = e || window.e;
var x = e.originalEvent.touches ? e.originalEvent.touches[0].pageY : e.pageY;
var y = e.originalEvent.touches ? e.originalEvent.touches[0].pageX
浏览 6提问于2019-12-21得票数 0
回答已采纳
我使用了一个不再维护的开源项目：
我在jquery 3测试版中工作得很好，但自从正式发布以来就被打破了。
问题似乎出在$.event.mouseHooks，它已经被jQuery弃用了。有没有解决这个问题的办法，或者我必须寻找另一个全景缩放功能？
(另外，如果你有一个替代的建议，请随意分享)
浏览 24提问于2016-06-15得票数 3
1回答
我正在尝试创建一个自定义范围滑块。除了当我尝试获得以像素为单位的当前值之外，一切都运行良好。
下面是相关代码：(在function sliderMove第30行中)
cursorPosition = ((e.touches && e.touches[0].clientX) || e.clientX) - startPoint.left;
rangePosition = clamp(cursorPosition, _sliderPositions.rangeStart, _sliderPositions.rangeEnd);
value = percentToPixel((ran
浏览 1提问于2016-07-31得票数 0
回答已采纳
1回答
当使用带有大窗格的手风琴时，选择一个窗格将带您到达其底部内容，并将顶部内容从屏幕的可见性中剔除。强制用户每次选择窗格时向上滚动。
选择窗格时可以自动滚动到窗格内容的顶部吗？
手风琴可在此提供：
require([
"dijit/layout/AccordionContainer",
"dijit/layout/ContentPane",
"dojo/ready"
],
function(AccordionContainer, ContentPane, ready) {
ready(function() {
浏览 2提问于2018-01-19得票数 0
回答已采纳
我正在编写一个将js代码注入页面的chrome应用程序，当用户选择任何文本时，文本旁边会显示一个弹出式窗口。我使用以下代码来接收所选文本的坐标：
var rect = window.getSelection().getRangeAt(0).getBoundingClientRect();
var bottom = rect.bottom + document.body.scrollTop;
var left = rect.left + document.body.scrollLeft
它工作得很好，除了当用户选择输入区域内的一些文本时，当他这样做时，左下边界矩形坐标是(
浏览 1提问于2011-12-01得票数 2
回答已采纳
1回答
使用材料设计图库来创建，它实际上使用了底层的元素，有什么方法可以通过单击对话框的背景来关闭对话框呢？(单击对话框内容本身时，不应将其取消)。
<dialog>Hi</dialog>
<button>show</button>
document.querySelector("button").addEventListener("click",
() => document.querySelector("dialog").showModal());
当显示对话框时，单击屏幕上的任何
浏览 2提问于2016-10-13得票数 8
回答已采纳
constructor(props) {
super(props)
this.ref = React.createRef()
}
componentDidMount() {
const { clientWidth, clientHeight } = this.ref.current
console.log(this.ref.current)
console.log(clientWidth, clientHeight)
}
render() {
return (
<div ref={this.ref} style={{wi
浏览 0提问于2019-04-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
