javascript - 输入scrollLeft在IE11中永远不会改变

标签 javascript internet-explorer-11

我不确定我是否疯了或者这是否是 IE11 中的错误。

  • 在 IE11 中打开此演示:http://jsfiddle.net/zdfubscf/1/

    var $span = $('span');
    $('input').on('keyup', function () {
        $span.html(
            this.scrollLeft + ', ' +
            this.scrollWidth + ', ' +
            this.selectionEnd
        );
    });
    
  • 开始输入内容。

  • 当文本溢出时,您会注意到 scrollLeftscrollWidth值(value)观永远不会改变。

<!DOCTYPE html>设置正确。我是否缺少某些东西来获得正确的滚动值?

最佳答案

我也在寻找这个问题的解决方案。我花了一段时间才找到你的问题(并在寻找解决方案时进行了编辑)。

与此同时,我可以与您分享我发现的一个小解决方案。

在文本区域中使用以下 css 属性并将行数设置为 1。

<textarea id="demo1" cols="40" rows="1" style="white-space: nowrap; overflow: hidden;">Lorem ipsum dolor sit amet, vulputate molestie nec dui.</textarea>

这将允许您使用文本区域,就像它是文本类型的输入一样。 ScrollLeft 在文本区域中适用于 IE。

如果您碰巧在 IE>9 中找到了输入scrollLeft属性的替代方法,请分享! 我希望这个解决方法对您有所帮助。

关于javascript - 输入scrollLeft在IE11中永远不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26193755/

相关文章:

javascript - 检查 firebase 数据库中是否存在值

javascript - 检查是否安装了扩展,如果用户删除扩展则关闭选项卡

css - 光标在 IE11 选择输入中无法正常工作

html - 高度为 :auto and overflow doesn't work 的 IE11 垂直 flex 盒布局

javascript - 类型错误 : Cannot destructure property 'createComponentInstance' of 'vue.ssrUtils' as it is null

javascript - Node.js Socket.io 页面刷新多个连接

javascript - 将 div 元素定位到另一个 div 元素的左侧和右侧?

windows-10 - IE 11/Office.js : Access is Denied trying to use localStorage

css - Bootstrap 按钮轮廓是怎么回事?

jquery - Internet Explorer 11 和 jQuery UI