javascript - 如何在 blur/focusOut 后重置 div w Contenteditable

标签 javascript jquery html css

请看以下内容:

http://jsfiddle.net/8sq2w/

问题:

  1. 专注于元素
  2. 突出显示文本并将光标一直向右移动
  3. 关注元素
  4. 注意元素现在是如何卡在末端的,坏了

问题:

enter image description here

如何重置模糊以便看到 div 内容的前面?

焦点后所需:

enter image description here

谢谢

最佳答案

您可以在 JavaScript onblur 事件中恢复窗口位置。

例如:

<div contenteditable="true" class="listItem" onblur="window.scroll(0,0)">This is a really big field...</div>

或者如果你不想滚动窗口,使用event.target:

<div contenteditable="true" onblur="event.target.scroll(0,0)"></div>

关于javascript - 如何在 blur/focusOut 后重置 div w Contenteditable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8161566/

相关文章:

javascript - jQuery Countdown 显示无输出

html - 拟合跨度渐变到背景颜色的预期大小

html - 带有 <a> 标签的 Bootstrap 按钮不会组合在一起

jquery - 为什么Jquery不理解带有#选择器的动态控件id

javascript - jQuery 表单提交后返回空白页

javascript - 用于扫描特定数量的重复字符的正则表达式

javascript - 表单自动提交

jquery - 如何将 `<span>` 定位为其中包含 `<li>` 类 `<a>` 的 `selected`?

javascript - 请求动画帧返回结果?

javascript - d3.js v4 中的错误 - Angular4 中的仪表图