在contenteditable span中检测自动换行

时间:2012-03-23 19:45:58

标签: javascript jquery html

我有最大宽度设置的contentedable span,允许用户输入文本。我想要做的是检测用户何时达到此宽度限制并在页面上显示新行。我正在尝试创建一个WYSIWYG编辑器,用于创建文本(在SVG中),完全按照用户按Enter键时在可信范围内查看的方式。我已成功捕获了enter事件,因此这不是问题,我正在寻找一种方法来检测自动换行,或计算它应该发生的位置。任何帮助表示赞赏。 (如果需要,我可以发布示例代码)

2 个答案:

答案 0 :(得分:5)

当元素的高度发生变化时,您知道自己发生了自动换行。

答案 1 :(得分:2)

监控更改事件并查看高度是否已更改。如果是这样,你有一个自动换行(或解包)。我把一个例子拼凑在一起:

http://jsfiddle.net/eZDRD/