换行时的事件

Question

在为个人电脑和手机进行响应式设计的网站时，线宽和字体大小通常可能相差很大。如果内容创建者不知道该问题，那么标题尤其可以包裹在不适当的位置。

是否可以让搜寻器扫描站点以进行浏览器强制的自动换行，或者在自动换行时触发javascript事件？

如果我知道问题，我会知道如何＆shy;插入，但我不想在任何需要的地方都将它们放入每个词中。

---

Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu是新西兰北岛的一座小山。

---

是一个有效的例子

Answer 1

虽然不是JavaScript解决方案，但是this question可以为您处理自动连字符，就像您在整个文档中插入了­连字符标记一样。

.hyphens {
    hyphens: auto;
}

正确的连字符点是根据文档或元素中设置的语言确定的。

<p lang='en' class='hyphens'>Content containing extremely long words</p>

不幸的是，Chrome无法完全支持hyphens属性（请参阅CSS hyphens property），但这也许有一天会改变。其他主流浏览器目前都支持该功能。

存在一个名为caniuse的库，该库为不支持hyphens: auto或缺少特定语言连字符模式的浏览器提供了自动连字符的支持。