javascript - 检查焦点是否在 Firefox 中具有 contenteditable 的 div

Question

如何检查 div 是否聚焦，就像检查输入是否聚焦在 Firefox 中一样？见片段。

$('.element').on('focus', function(e) {
  if( $('.element').is(':focus') ) console.log('Focused!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div contenteditable="true" class="element">Click here</div>
<input type="text" class="element" value="Click here" />

标签： javascriptjqueryhtml

Answer 1

这似乎做到了。有人有更好的解决方案吗？

$('.element').on('focus', function(e) {
  if( $(document.activeElement).is('.element') ) console.log('Focused!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div contenteditable="true" class="element">Click here</div>
<input type="text" class="element" value="Click here" />