第十九章 表单脚本

Posted by CodingWithAlice on November 24, 2024

​ 尽管 HTML 和 Web 应用自诞生以来已经发生了天翻地覆的变化,但 Web 表单几乎从来没有变过。JavaScript 可以增加现有的表单字段以提供新功能或增强易用性。为此,表单字段也暴露了属性、方法和事件供 JavaScript 使用。

​ 剪贴板事件,包括 copy、cut 和 paste,在不同浏览器中的实现有很大差异。

​ 富文本编辑通常以使用包含空白 HTML 文档的内嵌窗格来处理。通过将文档的 designMode 属性设置为”on”,可以让整个页面变成编辑区,就像文字处理软件一样。另外,给元素添加 contenteditable属性也可以将元素转换为可编辑区。默认情况下,可以切换文本的粗体、斜体样式,也可以使用剪贴板功能。

​ JavaScript 通过 execCommand()方法可以执行一些富文本编辑功能,通过 queryCommandEnabled()、queryCommandState()和 queryCommandValue()方法则可以获取有关文本选区的信息。

​ 由于富文本编辑区不涉及表单字段,因此要将富文本内容提交到服务器,必须把 HTML 从 iframe 或 contenteditable元素中复制到一个表单字段。

《红宝书》-34