您的位置：首页 > Web前端 > JavaScript

javascript之单击获得单词

2016-07-22 20:39 190 查看

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

<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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航