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
- javascript之单击获得单词
- javascript单击按钮浏览文件夹并获得路径
- 单击获得鼠标值
- JavaScript中处理事件之单击事件onClick
- javascript单词
- Javascript判断单击双击
- eclipse 单击选中相同单词,阴影显示
- eclipse 单击选中相同单词,阴影显示
- 获得“单击浏览器自带的刷新”
- Javascript单击图片放大功能
- javascript 实现单击表头排序
- JavaScript模拟用户单击事件
- JavaScript模拟用户单击事件
- JavaScript模拟用户单击事件
- 单词首字母大写 JavaScript
- JavaScript巩固加强单词
- 为一个TextView中的某个单词设置单击事件
- 为一个TextView中的某个单词设置单击事件
- 【杭电1789】Doing Homework again
- 用C语言写三子棋游戏
- HDOJ-1789 Doing Homework again
- COURSES(裸二部图最大匹配)
- gulp详细入门教程
- javascript之单击获得单词
- HDOJ-----1502贪心-----田忌赛马
- 玉米田(cowfood)
- JavaScriptCookie&PHPCookie实现用户登录信息自动填入
- 将十进制数转换为任意进制数
- Java NIO使用及原理分析(二)
- python 分析http查询字符串 urlparse.parse_qs
- hdu(1013)注意大数
- 如何上传本地代码到github以及相关问题的解决方案