代码之家 › 专栏 › 技术社区 › SeaBass

检查焦点是否在Firefox中ContentEditable的DIV上

html jquery javascript

SeaBass · 技术社区 · 7 年前

如何检查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" />

2 回复 | 直到 7 年前

SeaBass 7 年前

似乎是这样。有人有更好的解决方案吗?

$('.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" />

95faf8e76605e973 7 年前

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