主页/前端笔记/综合文章/一种新的HTML属性,用于处理手写输入功能

一种新的HTML属性,用于处理手写输入功能

一篇新的说明文档介绍了一种新的HTML属性,用于处理手写输入功能。这种属性可以像下面这样使用:

<input type="text" handwriting="true" ... >
<input type="text" handwriting="false" ... >
<textarea handwriting="" ... > <!-- 默认为 "true" -->
<div contenteditable handwriting="true">...</div> <!-- 可能适用 -->

主要应用场景是针对使用触控屏书写设备的用户,例如苹果的Apple Pencil或微软的Surface Slim Pen。此外,许多支持手写笔的设备也允许用手指进行输入。一些应用(如DocuSign)中的文本框签名功能虽然可以用鼠标完成,但通常会显得非常困难。

开发人员在设计绘图小部件时,可能没有意识到它可能会覆盖或靠近输入元素,因此需要一种简单的方法来控制这些元素是否启用手写功能。为此,提出了一些替代方案,包括:

  • 扩展CSS pointer-events 属性(例如:pointer-events: handwriting
  • 扩展CSS touch-action 属性
  • 扩展HTML inputmode 属性

为什么不使用JavaScript API呢?目前还没有深入探讨这个问题。

总之,网页上的手写输入功能仍处于探索阶段,我们期待未来能看到更多原型实现!相关背景资料还包括Chrome平台状态中的“HTML手写属性”功能和Blink-dev Google组中的“意图原型:HTML手写属性”。