最近在学习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. 重新注册IE组件

    重新注册IE组件:1.打开一个记事本文件. 2.将下面的命令复制到记事本文件中.regsvr32 comcat.dll /sregsvr32 CSSEQCHK.DLL /sregsvr32 shdoc ...

  2. 动态规划——数位dp

    通过先前在<动态规划——背包问题>中关于动态规划的初探,我们其实可以看到,动态规划其实不是像凸包.扩展欧几里得等是具体的算法,而是一种在解决问题中决策的思想.在不同的题目中,我们都需要根据 ...

  3. multipath.conf

    # This is a basic configuration file with some examples, for device mapper# multipath.# For a comple ...

  4. swfit-小知识Demo

    知识点: 重写方法.属性,自动引用计数,throws异常抛出,滚动视图,扩展语法,协议,计时器,UserDefaultsgit项目地址: https://github.com/lu459700780/ ...

  5. Spring事务配置的五种方式 巨全!不看后悔,一看必懂!

    前段时间对Spring的事务配置做了比较深入的研究,在此之间对Spring的事务配置虽说也配置过,但是一直没有一个清楚的认识.通过这次的学习发觉Spring的事务配置只要把思路理清,还是比较好掌握的. ...

  6. iOS开发zhiATM机的设计与实现

    // // main.m // ATM // #import <Foundation/Foundation.h> #import "ATM.h" #import &qu ...

  7. JavaScript和prototype

    Protoype这个词在javascript中可以有两种理解: 第一种是作为javascript中的一个属性,其一般出现的形式为:类名.prototype. prototype 属性让你有能力向对象添 ...

  8. [PWA] 10. Trigger a version update

    When the refersh button is clicked, we need to tell the waiting service worker to replace the curren ...

  9. 如何判断MSSQL数据库磁盘出现了瓶颈

    问大神石沫:如何判断MSSQL数据库磁盘出现了瓶颈? 石沫(A1):您好,您的问题非常好,SQL SERVER提供了很多关于I/O压力的性能计数器,请选择性能计算器PhysicalDisk(Logic ...

  10. ubuntu下安装tomcat和配置mysql

    1.到官网 http://jakarta.apache.org/tomcat-7.0.2.tar.gz 安装文件,JDK假设已经安装完毕,接下来直接安装tomcat-7.0.2.tar.gz # ls ...