检查焦点是否在Firefox中可编辑的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" />

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" />

Answer 2

在Firefox中测试

$('.element').on('focus', function(e) {
   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" />