Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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_Css - Fatal编程技术网

使用javascript检测文本省略

使用javascript检测文本省略,javascript,css,Javascript,Css,我有一个div,它使用css将文本截断一定的宽度。文本被省略号截断。但是,内部文本是相同的。出于测试目的,我想阅读截断的省略号文本。我可以用js获取截断的省略号文本吗 @media (max-width: 1129px) { #mydiv { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; di

我有一个div,它使用css将文本截断一定的宽度。文本被省略号截断。但是,内部文本是相同的。出于测试目的,我想阅读截断的省略号文本。我可以用js获取截断的省略号文本吗

@media (max-width: 1129px) {
    #mydiv {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        display: inline-block;
    }
}

要做到这一点没有简单的方法,您必须通过以下方式使用JavaScript手动完成:

  • 计算div的可视宽度
  • 获取文本并删除超出此宽度的所有字符
  • 这里也讨论过