当前位置: 首页 > 面试题库 >

如何使用JavaScript在光标下获取单词?

房项禹
2023-03-14
问题内容

如果我有

<p> some long text </p>

在我的HTML页面上,如何得知鼠标光标位于“文本”一词上方?


问题答案:

除了另外两个答案外,您还可以使用jQuery(或通常是javascript)将您的段落分成多个部分。

这样,您就无需考虑使用跨度较大的单词来输出文本。让您的JavaScript为您完成。

例如

<p>Each word will be wrapped in a span.</p>
<p>A second paragraph here.</p>
Word: <span id="word"></span>

<script type="text/javascript">
    $(function() {
        // wrap words in spans
        $('p').each(function() {
            var $this = $(this);
            $this.html($this.text().replace(/\b(\w+)\b/g, "<span>$1</span>"));
        });

        // bind to each span
        $('p span').hover(
            function() { $('#word').text($(this).css('background-color','#ffff66').text()); },
            function() { $('#word').text(''); $(this).css('background-color',''); }
        );
    });
</script>

请注意,上述代码虽然有效,但会删除段落标记内的所有html。

jsFiddle示例



 类似资料:
  • 问题内容: 我正在尝试构建一个程序,该程序检测鼠标光标下的颜色,然后在屏幕上的窗口中显示颜色和RGB值。我对Java非常陌生,所以什么都不知道。在朋友的帮助下,我已经编写了两个代码,第一个代码获取缓冲图像的特定坐标的RGB值,另一个代码获取用户定义的RGB值并显示其中带有颜色的窗格。我的问题是“无论滚动到什么位置,如何获取程序来检测鼠标光标下的颜色? 问题答案: 正如@Hovercraft指出的那

  • 有很多这样的词:test1test2test3test4test5test6test7test8test9test10test11。。。 每个单词都与多个例句相关联。我希望它们在光标覆盖单词之前被隐藏。这是我的代码。 演示:https://jsfiddle.net/kyubyong/umxf19vo/ HTML: CSS 问题是,当原始行不止一行时,例句块覆盖了底线中的单词。我想把它们写下来,这样

  • 问题内容: 根据这个(使用JavaScript在光标下找到一个单词d-under-cursor-using- javascript))链接我可以在鼠标[指针下得到一个单词。英语很好。我将其更改(对于阿拉伯语言) 但每个单词返回“ $ 1”。请帮忙! 问题答案: 您 需要 出现在原始正则表达式中的括号。在正则表达式中,括号形成一个“匹配组”,该替换组将替换字符串中的“ ”。 正则表达式中没有任何匹配

  • 问题内容: 是否有一种简单的单行方式来获取表单数据,就像以经典的纯HTML方式提交那样? 例如: 输出: 这样的事情太简单了,因为它不(正确地)不包含文本区域,选择,单选按钮和复选框: 问题答案: $(‘form’).serialize() //this produces: “foo=1&bar=xxx&this=hi”

  • 问题内容: 如何使用JavaScript获取HTML页面的标题? 问题答案: 用途:

  • 问题内容: 我需要的信息在meta标签中。何时可以访问meta标签的数据? HTML: 问题答案: 您可以使用此: