- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试着专注于
但我不能
这是我试过的 http://jsfiddle.net/vXnCM/7779/
预期行为:点击最底部的焦点按钮后, View 应滚动到顶部。
function setCaret() {
var el = document.getElementById("editable");
var range = document.createRange();
var sel = window.getSelection();
range.setStart(el.childNodes[2], 5);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
el.focus();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editable" contenteditable="true">
text text text<br>text text text<br>text text text<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam viverra lectus a arcu accumsan, ut varius nulla porta. In hac habitasse platea dictumst. Maecenas vel convallis eros. Phasellus aliquet leo non iaculis efficitur. Nunc placerat quis nulla et dignissim. Nulla porta vestibulum lorem, at euismod enim sodales in. Proin eleifend neque arcu, maximus iaculis orci convallis non. Maecenas ac aliquam felis. Etiam aliquet, lacus a consectetur auctor, ligula urna vulputate tellus, sed egestas nibh eros id elit. Nulla molestie orci lacus, ac ultricies mi feugiat ut. Fusce eleifend commodo velit sit amet convallis. Quisque at laoreet libero. Quisque eu ultricies magna. Maecenas bibendum porttitor nibh. Sed sit amet pulvinar lacus. Curabitur rutrum mattis arcu in mattis.
Morbi mattis ante neque, et egestas nunc eleifend et. Proin placerat accumsan ultricies. Integer at vehicula felis. Suspendisse posuere tortor a elit consequat auctor. Pellentesque turpis magna, rutrum vitae rutrum quis, fermentum quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam purus augue, tempus in nisi sit amet, pulvinar consectetur arcu.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis consequat venenatis ante, eu finibus magna posuere quis. Etiam id leo eu justo molestie consectetur vitae vel eros. Mauris maximus vel eros sit amet pellentesque. Nulla maximus id mi eget sodales. Quisque luctus metus vel turpis bibendum, a maximus sem placerat. Nullam nec tortor nec purus pretium volutpat a eget mauris. Donec volutpat ac sapien eget maximus. Duis placerat iaculis dolor eu efficitur. Proin sem metus, posuere et egestas non, consectetur ut purus. Cras metus felis, placerat id lacinia vitae, pharetra et urna. Sed volutpat elit est, id tempor turpis hendrerit et. Cras erat augue, lacinia gravida lorem quis, iaculis rhoncus ante. Mauris aliquam fringilla neque, at tempus turpis auctor vitae.
<span id="#test_mark" class="test_mark">do not like</span>
Ut ornare malesuada semper. Aenean a quam sagittis, vulputate erat vitae, tempor urna. Aenean dignissim eros non sodales tristique. Fusce hendrerit a metus nec vehicula. Fusce maximus nisi ut urna convallis varius. Nulla ornare finibus nisi. Nulla sagittis semper nisl, nec venenatis lorem dignissim in. Nunc pretium semper ultrices. Curabitur eros urna, lacinia pharetra eros at, dapibus fermentum libero. Vestibulum vel arcu quis magna vestibulum tempor. Praesent pulvinar ligula nisi, non consequat lectus placerat in.
Nam maximus, eros at lobortis ullamcorper, ipsum nulla tempor neque, et accumsan ante diam eget mi. Donec porttitor nisl vel sapien mattis scelerisque. Nullam mollis, ex nec congue feugiat, quam urna lobortis sapien, at rhoncus metus lacus vel augue. Etiam eu vehicula ipsum. Etiam eu blandit neque. Quisque erat magna, tincidunt sit amet aliquet at, dictum at libero. Phasellus facilisis sodales magna, iaculis congue ex aliquet vitae. Aliquam sed lacus in metus dictum ornare. Morbi elementum eros malesuada varius efficitur. Maecenas neque nunc, consequat ac tristique a, pharetra vitae erat. Phasellus mattis lectus sit amet ante malesuada facilisis. Sed malesuada id lectus eget tristique. Vivamus vitae leo in lectus posuere egestas.
</div>
<button id="button" onclick="setCaret()">focus</button>
最佳答案
您可以将 document.getElementById("button").focus();
包装在 document.ready
函数中。并且还应该在 dom 操作之前调用 el.focus();
。
希望这对您有所帮助。
关于javascript - 如何滚动/聚焦到 contenteditable div 内的插入符号或元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49193470/
我希望能够将包裹在跨度中的图像插入到可编辑的 div 中。我可以做到这一点没问题,但是当我开始打字时,在图像之后,它会将我的文本插入到图像跨度中。如何在刚刚插入的跨度之后定位光标? Here是我的 f
我正在尝试将一些 MathJax 代码插入到 contentEditable div 中,如下所示: 和 JS $(document).ready(funct
我对父级 contenteditable="true"中的嵌套 contenteditable="false"元素有非常不同的行为: I'm supposed to be edit
问题: 我在 Chrome 和 Opera 中观察到一个不受欢迎的行为,当一个连接两个 p通过删除它们之间的分隔来标记。 Chrome 和 Opera 删除 contenteditable=false
我在渲染我的组件时收到以下警告: Warning: A component is contentEditable and contains children managed by React. It
我们已经使用单列网格实现了 React-Vitualized,其中的行为键盘事件 (onKeyUp/onKeyDown/onKeyPress) 启用。我们正在使用 Arrow-Key-Stepper
我有一个 contenteditable div,它包含几个 dontEdit 类的 span。有没有一种方法可以使 span 不可编辑,而 div 的其余部分保持可编辑。 editable
我正在尝试绑定(bind)一个 vue.js 事件以通过 contenteditable=true 检测元素上的更改。 这触发了我的vue.js vue中的trigger方法,但是我好像抓不到模型值
请参阅以下示例: Codepen example Some more text here not editable Hi this is my content $(document).on(
奇怪的是,这只在 Firefox 和 Opera 中被破坏(IE、Chrome 和 Safari 可以正常工作)。 有什么快速修复的建议吗? http://ajax.googleapis.co
无论如何我可以使用这样的东西: console.log(e)}>Testing 内部react-contenteditable处理 Testing 的点击关键字? 当我使用 html 属性时,它只需
我的插入符不在跨度之间,下面的例子 REPLY||stick together||CONFIRM||stick together||Name||stick together||Office 我所有的跨
我在使用 contenteditable 元素时遇到了不希望的行为。在 contenteditable=true 的父元素中嵌套 contenteditable=false 的 block 元素时,我
我有一个 div,它通过使用 contenteditable 用作“输入”,并且在启用时效果很好。但是在一种情况下,我需要通过设置 contenteditable='false' 来禁用“输入”,这会
目标:将 keydown 事件处理程序附加到作为 contenteditable div 子元素的 contenteditable span。 问题:如果您输入跨度,则会触发父事件而不是子事件。我想要
我有以下 HTML 旨在确保内部 span 不可编辑。这适用于其他浏览器,但不适用于 IE8。 Luke, I am your father. I'm your son?! Ewww!
我的网页中有一个 contenteditable div,但现在我需要的是,当超过 div 的最大高度时,将自动创建相同的新 div。 div 看起来也和之前的一样。不仅一个 div 会出现,它会是
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 8年前关闭。 Improve thi
从我读到的内容来看,浏览器在处理 contenteditable 元素方面存在相当多的差异。 (即 link )。当“contenteditable=true”元素包含“contenteditable
当我清除一个contenteditable div的内容时,光标立即丢失,我无法通过点击将其恢复。所以如果我清除一次就无法添加任何内容。 在这里检查一下: asdasd x 删除第一行的“
我是一名优秀的程序员,十分优秀!