Question

判断div中输入字符的长度是否大于div宽度，超过宽度后限制输入

在一个max-width为320px的div中输入字符，使里面字符达到的最大宽度为320px；
<div class="textfield" contenteditable="true">TAKE ADVANTAGE OF OUR 2019 PROMO</div>
$(".textfield").on("keypress paste", function(e) {
if (this.innerHTML.length > this.style.width)
return e.preventDefault(),
})
(这样的话this只会指向字符宽度，而不会指向div宽度)，
希望各位朋友帮忙解答

Answer 1

首先 据我个人所学所知道的是 没有办法实现你说的 因为 我们可以检测到 文字容器的大小 但是文字的容器是div 理论上div到达max-width之后就会换行了呀this.innerHTML.length只得是文本的字符数 不是 文本的宽度
这是个人理解 可能我知识浅薄有错误

追问

如果在一个父元素中嵌套一个div并对其进行文本输入，如何判断子元素div宽度大于父元素div宽度，若超出对其文字输入进行限制(求详细代码)，不胜感激