最近在学习jquery  好多英文网站,制作一个网站的副本,可以主动地学习。好像给自己的网站添加一个小词典,就像沪江小d那样。

js试了好几种方法 实在不行,网上搜索了下 ,用到了浏览器开发。本篇文章只涉及获取选中文本,离我的想法 还有一定距离。

获取选中文本仅限ie

原文http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx

<html>
<head>
<script type="text/javascript">
function selText()
{
document.getElementById("myText").select()
}
</script>
</head> <button onclick="myFunction()">anniu </button>
<form>的jQuery easyui的框架,可帮助您轻松建立自己的网页。 easyui的是基于jQuery的用户界面插件的集合。
easyui的规定,建设现代,互动,JavaScript应用程序必不可少的功能。
使用easyui的你不需要写很多的javascript代码,你通常通过编写一些HTML标记定义了用户界面。
完整的框架,对HTML5的网页。
easyui的节省您的时间和规模,同时发展自己的产品。
easyui的是很容易的,但功能强大。
<input size="25" type="text" id="myText" value="选定我吧!">
<input type="button" value="选择文本" onclick="selText()">
</form>
<script>
var coll = document.all.tags("button");
if (coll != null && coll.length > 0) {
var rng = coll[0].createTextRange();
rng.text = "Clicked";
}
function myFunction()
{
var myCollection;
myCollection = document.selection.createRangeCollection();
alert( myCollection.item(0).text );
}
</script><body> </html>

按照选取改变元素

 var coll = document.all.tags("button");
if (coll != null && coll.length > 0) {
var rng = coll[0].createTextRange();
rng.text = "Clicked";
}

弹出选中内容

function myFunction()
{
var myCollection;
myCollection = document.selection.createRangeCollection();
alert( myCollection.item(0).text );

产生事件

<!DOCTYPE html>
<html>
<body> <p>点击这个按钮,来调用带参数的函数。</p>
<script type="text/javascript">
function AddLink()
{
//identify selected text
var sText = document.selection.createRange();
if (sText.text != "")
{
//create link
document.execCommand("CreateLink");
//change the color to indicate success
if (sText.parentElement().tagName == "A")
{
sText.execCommand("ForeColor",false,"#FF0033");
}
}
else
{
alert("Please select some text!");
}
}
</script>
<p unselectable="on">Select any portion of the following blue text, such as &quot;My
favorite Web site&quot;. Click the button to turn the selected text into a link. </p>
<p style="color= #3366CC">My favorite Web site is worth clicking on. Don't forget
to check out my favorite music group!</p>
<button onclick="AddLink()" unselectable="on">Click to add link</button> <button onclick="myFunction('Bill Gates','CEO')">点击这里</button> <script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script> </body>
</html>

这个例子可以给选中 文本 添加超链接

我感觉 好像把IE变成了  编辑器。

至于这个 用法 我觉得给 网站添加 划词 维基百科很酷

我也是初学者   不要留言问题   我只是搬运工 ,详细内容

http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx

js ie浏览器下的选中操作的更多相关文章

  1. Js 对 浏览器 的 URL的操作

    下面是一些实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  2. js在浏览器下的区别小结(部分)

    1.初始化数组: document.write([1,2,3,].length); IE:4//把数组中最后一个逗号后面的当做了undefined元素 FF.Opera.Safari:3 2.join ...

  3. js屏蔽浏览器右键菜单,粘贴,复制,剪切,选中(转)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. JS对select动态添加options操作(主流浏览器兼容)

    之前项目中,遇到一个表单提交的页面,里面有多级下拉框联动的复杂逻辑,因此当时在做的过程中也是学到了不少容易出现问题的地方,下面就整理下当时遇到的一些关于下拉框的操作,并指出其中的一些注意点和坑: 有如 ...

  5. js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

    开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: ...

  6. [转]js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll

    原贴:https://www.cnblogs.com/jasonwang2y60/p/6848464.html 原贴:https://www.cnblogs.com/jasonwang2y60/p/6 ...

  7. 【转】javascript浏览器参数的操作,js获取浏览器参数

    原文地址:http://www.haorooms.com/post/js_url_canshu html5修改浏览器地址:http://www.cnblogs.com/JiangXiaoTian/ar ...

  8. js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval

    需求: input控件在失去焦点后直接做验证,验证通不过的话,显示相应错误.但是如果失去焦点后点击的下个控件是比较特殊的控件(比如,退出系统),那么不执行验证操作,直接退出系统(防止在系统退出前,还显 ...

  9. JS、jqueryie6浏览器下使用js无法提交表单的解决办法

    -----------------------JS.jqueryie6浏览器下使用js无法提交表单的解决办法---------------------------------------------- ...

随机推荐

  1. 《ACM国际大学生程序设计竞赛题解Ⅰ》——基础编程题

    这个专栏开始介绍一些<ACM国际大学生程序设计竞赛题解>上的竞赛题目,读者可以配合zju/poj/uva的在线测评系统提交代码(今天zoj貌似崩了). 其实看书名也能看出来这本书的思路,就 ...

  2. denyhost

    1. denyhost 简介及ssh安全 对外提供的服务器,每天都会被恶意扫描,试图暴力穷举密码,达到入侵的目的.从而控***务器,占用资源.网页挂马.垃圾广告.更会影响我们业务的正常使用和数据的安全 ...

  3. [置顶] [混迹IT职场系列]一、转正的那些事儿

    讲起转正,是每个IT人进入职场后要面对的第一关,只有越过这第一关卡才能更加顺利玩弄职场或被职场玩弄或互相玩弄. 很多人觉得转正只需自身努力即可,譬如有句话叫做 “只要功夫深,铁针磨成棒”.其实不然,职 ...

  4. javascrip实现无缝滚动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. 根据类名查所属jar包

    在开发时经常会参考一些现有的例子,但有些例子只有代码,代码中引用的类所属的jar包却没有明确说明,如何找到一个类所属的jar包,可以通过访问以下网址解决:http://www.findjar.com

  6. 2nd day

    <?php //求数组的平均值 $a3 = array( array(11,12, 13), array(21,22,23, 24, 25), array(31,32,33, 35), arra ...

  7. Jupyter Notebook 对LaTeX 的支持

    Jupyter的Markdown模式比我原来想想的更加强大:它支持LaTeX! 支持的特性不多,应该能满足一般的需求了.

  8. Android CountDownTimer 倒计时

    摘自:http://www.cnblogs.com/over140/archive/2011/12/20/2294220.html 继承关系 public abstract class CountDo ...

  9. dede 留言簿 多个

    使用后台的[模块]-[模块生成向导],然后填写一下资料 PS:complaints 是之前做的一个"举报投诉"的留言簿意思,这里用作非常多文件名称和新建数据表的名字,所以替换就可以 ...

  10. 使用搬瓦工搭建javaweb环境

        /* 本文是基于搬瓦工vps的centos-6-x86_64的Linux系统搭建. 需准备的工具:1.putty(用于连接Linux系统)  2.WinSCP(搬瓦工官方提供的ftp上传下载工 ...