TWEET组合文本框如何工作？

Question

Twitter输入框远远超过您的普通INPUT或textarea。首先，它根本不是输入或文本区域。他们使用精心制作的DIV和"role" attribute。对于整个文本;可能在它们发生时捕获关键字。

如果用户已登录，则可以撰写推文。如果在非常谨慎的140字符冲刺期间，他们不小心点击页面上的某个位置，浏览器会获得另一页。

但是当用户点击“返回”时，DIV会重新填充（一秒钟后），用户会部分地起草推文。

就浏览器功能而言，这个“保存的表单字段”是如何完成的？

Answer 1

我猜想要实现这个目标，可以实现：

1. local-storage 这只涉及在每次击键时写入本地存储器。在加载页面时，JS使用会话本地存储填充推文编辑器。查看使用本地存储的实时example。这将是不错的和光滑的，但一个主要的限制是这仅限于HTML5浏览器。

2. AJAX回调 与第一种方法类似，但草稿推文不是写入本地存储，而是写入Web服务。在加载页面时，进行回调以检索内容;填充推文作曲家。

3. Cookie方法。 类似于本地存储，但会写入cookie缓存。这种方法的好处可能是无处不在的浏览器支持。

我希望有人能够解释每种方法的专业/概念以及一些示例代码。如果每个代码示例不到140个字符，则获得奖励:)（j / k）。