TWEET组合文本框如何工作?

Twitter输入框比您的平均INPUT或textarea多得多。 首先,它根本不是输入或textarea。 他们改为使用具有“角色”属性的精心设计的DIV。 为整个文本; 可能会在发生关键事件时捕获。

如果用户登录,他们可以撰写推文。 如果在非常谨慎的140个角色冲刺期间,他们不小心点击页面上的某个地方,浏览器会获得另一个页面。

但是,当用户点击“返回”时,DIV会重新填充(一秒之后),用户部分起草推文。

在浏览器功能方面,这个“保存的表单域”是如何完成的?


我猜想要实现这一点,人们可以实现:

  • 本地存储这将涉及每次击键时写入本地存储。 在加载页面时,JS用会话本地存储填充tweet作曲器。 查看使用本地存储的实例。 这将是不错的和光滑的,但一个主要的限制是,这仅限于HTML5浏览器。
  • AJAX回调与第一种方法类似,但不是写入本地存储,而是将草稿推文写入Web服务。 在加载页面时,进行回调以检索内容; 填充推文作曲家。

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

  • 我希望有人解释每种方法的pro / con以及一些示例代码。 如果每个代码示例的字符数小于140个,则为奖励:)(j / k)。

    链接地址: http://www.djcxy.com/p/36631.html

    上一篇: How does a TWEET composition textbox work?

    下一篇: need to understand a css/php sentence