网页中取单字方法
时间:2014-07-20 18:12 来源: 我爱IT技术网 作者:山风
因为开发英文系统上的需求,需要做一个在网页中任何英文文章都可以通过鼠标Double click后取得该单字。结果咧,中文网站找老半天都没有,真是让人痛苦。
这个问题终于在今天取得到答案,以下我就将代码贴上来,让有遇到此问题的朋友能够获得帮助。
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript">
- </script>
- <script language="javascript">
- $(function(){
- $("div#special").dblclick(function(e){
- var x = e.pageX - this.offsetLeft;
- var y = e.pageY - this.offsetTop;
- var string=window.getSelection();
- alert(string);
- $('div#status2').html(x +', '+ y);
- });
- });
- </script>
然后文章中通过相应的id来实现调用
- <div id="special">
- 这里就是你的文章正文,写入你的文章后,就可以查看到相应的效果哦。真是非常理的写法啊。
- </div>
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
