首页 > 请问SF的这个效果是怎么实现的?

请问SF的这个效果是怎么实现的?

一直不知道叫什么名字。

文本框输入,下面的strong 会实时显示


我只是觉得用input事件可能会好一点,大概?

http://jsfiddle.net/w4zqh/2/


先不谈 SF 是怎么实现的,我觉得用 js 实现这个内容同步的功能还是很简单的,思路为绑定键盘事件到输入框中,一旦触发则更新另一个元素的内容。写个简单的 demo 如下:

<input type="text" />
<label></label>
<script>
  document.querySelector("input").addEventListener("keyup", function() {
    document.querySelector("label").innerHTML = document.querySelector("input").value;
  }, false);
</script>

效果如下:

【热门文章】
【热门文章】