jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了获取有关jquery中单击事件的段落中的当前单词大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试构建一个允许人们获取单词或短语(在选择中)的工具,选择部分已完成,但不是单词部分. @H_419_2@当有人点击一个单词时,我需要能够得到当前的单词,我找到了这个解决方

@H_419_2@get word click in paragraphs

@H_419_2@不幸的是,此代码更改了所有单词并添加了< span>因为我不能在文本中添加html标签(css文件可以导入或动态添加),因此每个单词都会导致我的问题.

@H_419_2@如果可能的话,是否有更好的方法来实现这一目标?

@H_419_2@EX:

@H_419_2@如果我点击“坐”,那么我会提醒’坐’

解决方法

那么,对于您的解决方案,您将需要使用选择和双击事件作为一个棘手的事情,并通过doubleclick事件获取生成的范围中的选定单词. @H_419_2@如果您不想引入新标签,则没有其他办法.

@H_419_2@尝试这个:

@H_419_2@现场演示:http://jsfiddle.net/oscarj24/5D4d3/

$(document).ready(function() {

    /* set hand cursor to let kNow the user that this area is clickable */
    var p = $('p');
    p.css({ cursor: 'pointer' });

    /* doubleclick event working with ranges */
    p.dblclick(function(E) {
        var SELEction = window.getSELEction() || document.getSELEction() || document.SELEction.createRange();
        var word = $.trim(SELEction.toString());
        if(word != '') {
            alert(word);
        }
        /* use this if firefox: SELEction.collapse(SELEction.anchorNode,SELEction.anchorOffset); */
        SELEction.collapse();
        e.stopPropagation();
    });

});
@H_419_2@希望这可以帮助 :-)

大佬总结

以上是大佬教程为你收集整理的获取有关jquery中单击事件的段落中的当前单词全部内容,希望文章能够帮你解决获取有关jquery中单击事件的段落中的当前单词所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。