javascript之单击获得单词

来源:互联网 发布:java二维数组意思 编辑:程序博客网 时间:2024/06/05 05:48

有时我们有这样的一个需求,对于一篇英语文章,我们想要单击来获取单词,而不是双击获取单词。经过了谷歌一番,我也大致找到了办法。废话不多说,直接上代码:

<html>
<body>
<p>hello how are you ?</p>

<script src="js/jquery.min.js"></script>
<script>
var p = $('p');

p.html(function(index, oldHtml) {
    return oldHtml.replace(/\b(\w+?)\b/g, '<span class="word">$1</span>')
});

p.click(function(event) { alert(event.target.innerHTML) });
</script>
</body>
</html>
这里面用到了jquery,效果如下:


可以看到,当我点击how时,就会弹出窗口显示这个窗口,当然还有不尽人意的地方,就是点到单词之间的空隙时会出现意外的效果

这个谷歌到的网址:

http://stackoverflow.com/questions/4643432/get-word-click-in-paragraphs

0 0
原创粉丝点击