一个关于处理手写输入的新 HTML 属性的 新说明。例如
<input type="text" handwriting="true" ... >
<input type="text" handwriting="false" ... >
<textarea handwriting="" ... > <!-- evaluates to "true" -->
<div contenteditable handwriting="true">...</div> <!-- maybe? -->
主要用例是那些使用触控屏书写设备的用户,例如 Apple Pencil。此说明来自 Microsoft Edge 团队,因此可能是 Surface Slim Pen 推动了它的诞生。我想应该还有其他用例,因为支持手写笔式输入设备的相同设备也往往支持用手指进行操作。另外,DocuSign 等应用程序中的文本框签名,使用鼠标光标几乎不可能签名,虽然也并非不可能。
我们将让作者 Adam Ettenberger 比我更清楚地解释一下
开发人员在编写绘图小部件时可能没有意识到它可能位于输入元素之上或附近,如果他们需要找到此类元素并在其上禁用手写功能,似乎不太好。
⚠️自动播放媒体
为什么是 HTML 属性?此说明概述了一些他们考虑过的替代方案,包括
- 扩展 CSS
pointer-events
属性(例如pointer-events: handwriting
) - 扩展 CSS
touch-action
属性 - 扩展 HTML
inputmode
属性
为什么不使用 JavaScript API?哈哈,我们不会去 那里。
无论如何,网络上的 handwriting
…… 让我们看看是否能得到一个原型!
再来几条背景信息
- 功能:HTML 手写属性(Chrome 平台状态)
- 原型意图:HTML 手写属性(blink-dev Google 论坛)