点击时anywhere在以下示例中,在“外部”div 容器上方,contenteditable span 元素获得焦点。
<div style="margin:30px">
<span contenteditable="true" style="background:#eee">
Hello World
</span>
<div>Outside</div>
</div>
这是一个 jsFiddle:http://jsfiddle.net/AXM4Y/ http://jsfiddle.net/AXM4Y/
我希望 contenteditable 的行为更像真实的文本输入,因此仅单击 span 元素本身就应该触发其焦点。我该怎么做呢?如何停止容器元素的事件捕获。我已经在父 div 上尝试过使用 jQuery 的“e.stopPropagation()”,但它不起作用。
我按照我的方式修复了它pointer-events: none
在父元素上和pointer-events: all
在具有内容可编辑属性的元素上。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)