javascript - 如何检查光标是否在指定标签之间

Question

文本区域内有一些格式化文本，并且光标位于某个位置。我需要检查光标是否位于某些特定标签之间。

示例:foo|bar。

isBetween(['b', 'strong']); // should return true in above case

我有一个函数，它返回textarea内光标的位置(有一些IE 问题，但目前让我满意)。所以，我所需要的只是 isBetween() function。

感谢您的帮助!

更新:

<p>qwer<b>ty|ui</b>op</p>
isBetween(['p']); // should also return true, because the cursor in not only between 'b', it is between 'p' too

Answer 1

 您应该使用 span 标记将标记之间的空格括起来。然后，在 jQuery 中，使用 .mouseover()功能。

示例:

<b>TAG1</b>
<span id="spacer">&nbsp;</span>
<strong>TAG2</strong>

<script type="text/javascript">
    $("#spacer").mouseover(function(){
        //Do stuff
    });
</script>

span 中必须包含一些内容，因此请在其中添加一个   作为空格。

现场 fiddle 示例:http://jsfiddle.net/PrruT/

更新:

我不会为您完成整个功能，但我会告诉您，您可以这样设置:

/* I'm assuming you can figure out how to get the cursor position on your own, represented by var cursor */

function isBetween(selectorOne, selectorTwo){
    var left = $(selectorOne).position().left; //Left position of the object
    var right = $(selectorTwo).position().left + $(selectorTwo).width(); //Right XY position of the object
    if (cursor > left && cursor < right)
        return true;
    else
        return false;
}