Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测文本框是否靠近浏览器窗口的边缘_Javascript - Fatal编程技术网

Javascript 检测文本框是否靠近浏览器窗口的边缘

Javascript 检测文本框是否靠近浏览器窗口的边缘,javascript,Javascript,我试图在JavaScript中创建一个复选框,检查文本框是否靠近浏览器窗口的边缘,比如200px 我已经写了一个例子,在这里我得到了文本框的宽度和它的偏移量。left,然后与窗口的宽度进行比较,但是我不确定我是否做得正确 有人能告诉我正确的方法吗?我需要在左右两个位置都这样做 var textboxrightedge = $(e).width() + $(e).offset().left; var windowwidth = $(window).width(); if( textboxr

我试图在JavaScript中创建一个复选框,检查文本框是否靠近浏览器窗口的边缘,比如200px

我已经写了一个例子,在这里我得到了文本框的宽度和它的偏移量。left,然后与窗口的宽度进行比较,但是我不确定我是否做得正确

有人能告诉我正确的方法吗?我需要在左右两个位置都这样做

 var textboxrightedge = $(e).width() + $(e).offset().left;
 var windowwidth = $(window).width();

 if( textboxrightedge - windowwidth > $(e).width())
 //do something

这是我为右手边写的。我不确定左边,同样我也不能让它测试盒子是否在200px。我需要检查浏览器窗口是否很小。

使用getboundingclient()解决。

使用getboundingclient()解决。

是的,这是正确的方向。需要更多的逻辑。但在我们看到您的代码之前,我无法告诉您什么是逻辑以及它需要去哪里。显示代码,获取答案:)描述您可能遇到的问题。了解您可能想要了解/检测这些情况的事件也可能有帮助。只是添加了一些代码是的,这是正确的方向。需要更多的逻辑。但在我们看到您的代码之前,我无法告诉您什么是逻辑以及它需要去哪里。显示代码,获取答案:)描述您可能遇到的问题。了解您可能想要了解/检测这些条件的事件也可能会有所帮助