<输入类型='文本区域' onmousemove=“toscheck()” >>仅适用于 Firefox

Question

由于某种原因，此代码适用于所有 chrome、safari 和 ei，但不适用于 Firefox。

        <script type="text/javascript">
        function toscheck(){
        if(tos.scrollTop+540 > tos.scrollHeight){
            alert(tos.scrollTop + " " + tos.scrollHeight);
        }
    }
        </script>

----------

    <textarea name="tos" id="tos" readonly="readonly"  onmousemove="toscheck()">text</textarea>

在 FF 上不会触发任何内容，但在所有其他浏览器上工作正常。

但是， text 工作正常。

我是 javascript 新手，所以任何帮助将不胜感激。

Answer 1

这实际上不应该在任何浏览器中工作。您的 Javascript 代码中缺少右括号：

<script type="text/javascript">
function toscheck() {
  if (tos.scrollTop + 540 > tos.scrollHeight) {
    alert(tos.scrollTop + " " + tos.scrollHeight);
  }
}
</script>

Answer 2

Live example

除了您缺少的 } 之外，以关闭您的函数看来我在FF工作。

<script type="text/javascript">
    function toscheck(){
        if(tos.scrollTop+540 > tos.scrollHeight){
            alert(tos.scrollTop + " " + tos.scrollHeight);
        }
    } // <----- was missing
</script>

---

另外，在您的函数中，您可以直接转到tos.property。

您需要将 this 传递到 mousemove="toscheck(this)" 并进行如下所示的函数设置：

<script type="text/javascript">
    function toscheck(elem){
        if(elem.scrollTop+540 > elem.scrollHeight){
            alert(elem.scrollTop + " " + elem.scrollHeight);
        }
    }
</script>

或者从函数中获取文本区域，如下所示：

<script type="text/javascript">
    function toscheck(){
        var tos = document.getElementById('tos');
        if(tos.scrollTop+540 > tos.scrollHeight){
            alert(tos.scrollTop + " " + tos.scrollHeight);
        }
    }
</script>

Answer 3

最好的解决方案，使用 jQuery，它是自动跨浏览器方法，或者参见此页面了解如何使代码交叉- 由于 re:

Scrolling offset - how much the page has scrolled.

var x,y;
if (self.pageYOffset) // all except Explorer
{
    x = self.pageXOffset;
    y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
    // Explorer 6 Strict
{
    x = document.documentElement.scrollLeft;
    y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
    {
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
    }

和中的实现之间的差异，浏览器兼容

var x,y;
    var test1 = document.body.scrollHeight;
    var test2 = document.body.offsetHeight
    if (test1 > test2) // all but Explorer Mac
    {
        x = document.body.scrollWidth;
        y = document.body.scrollHeight;
    }
    else // Explorer Mac;
         //would also work in Explorer 6 Strict, Mozilla and Safari
    {
        x = document.body.offsetWidth;
        y = document.body.offsetHeight;
    }

Answer 4

您的实际文本框有多大？也许它的渲染尺寸与您预期的不同和/或滚动高度有点不同？可能是字体大小/分辨率/DPI 设置问题。要尝试解决此问题，请添加少量重叠量，这样您实际上就不必滚动到绝对底部（在 IE 中不起作用，例如使用键盘导航和 Ctrl + End 时）。

if(tos.scrollTop + 565 > tos.scrollHeight){

顺便说一句，我不会在 onmousemove 中检查这一点，因为人们也可能使用键盘按键进行导航。我建议使用 onblur 以及 onmouseup 和/或 onkeyup。但是，如果在滚动条上释放鼠标按钮，onmouseup 可能不会触发。