js获取鼠标选中的内容代码

结果是写出来了,之前写的时候不兼容火狐,后来看到帖子楼上的一个方法,测试了一下兼容性很好,就引用了;

具体方法我已经整理成文件,可以预览查看效果,也可以直接下载浏览源码:

 代码如下 复制代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>js获取鼠标选中的内容</title>

</head>

<body>
<textarea id="text1" cols="20" rows="5">Hello world!</textarea>
<br>选中内容即弹出选中内容提示
</body>
<script>

var txt=document.getElementById("text1");
txt.onselect=function(e){
 alert(txt.value.slice(txt.selectionStart,txt.selectionEnd)); 
}

</script>

</html>

 

时间: 2024-10-23 22:18:11

js获取鼠标选中的内容代码的相关文章

JS获取鼠标选中的文字_javascript技巧

js获取鼠标选中的文字代码如下所示: <html> <head> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js获取鼠标选中的文字</title> <SCRIPT LANGUAGE="JavaScript"> <!-- functi

JS获取鼠标坐标的实例方法

这篇文章介绍了JS获取鼠标坐标的实例方法,有需要的朋友可以参考一下   复制代码 代码如下: var restrictX;  var restrictY;  var tip;  // 鼠标坐标   function mousePosition(ev) {  return {          x : ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,          y

JS获取鼠标坐标、获取鼠标像素点示例

 运行代码之后随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源 JS获取鼠标坐标,获取鼠标像素点的典型实例,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源 .    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <h

JS获取鼠标坐标位置实例分析_javascript技巧

本文实例分析了JS获取鼠标坐标位置的方法.分享给大家供大家参考,具体如下: 取鼠标坐标位置有这些:鼠标在视口的坐标位置(clientX,clientY),鼠标在页面的坐标位置(pageX,pageY),鼠标在屏幕的坐标位置(screenX,screenY),其中鼠标在视口的坐标位置(clientX,clientY),以及鼠标在屏幕的坐标位置(screenX,screenY)在所有的浏览器中都支持,但是鼠标在页面的坐标位置(pageX,pageY)在IE8及更早版本不支持,但是没有关系,可以通过s

JS获取鼠标相对位置的方法_javascript技巧

本文实例讲述了JS获取鼠标相对位置的方法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>位置</title> <script language="javascript" type="text/javascript"&

js获取当前地址 JS获取当前URL的示例代码

 本篇文章主要是对js获取当前地址 JS获取当前URL的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <table width=100% cellpadding=0 cellspacing=0 border=0 >  <script language="javascript"> thisURL = document.URL;  thisHREF = document.location.href;  thisSLoc = self

标签-js获取后台数据的具体代码该如何写???

问题描述 js获取后台数据的具体代码该如何写??? 5C 在前端用js去获取后台的图片等一些数据,然后给指定标签赋值,具体的代码该如何写?求大神解答~~~菜鸟求知~~~ 解决方案 /* by y0umer [60min] Function:createXmlHttpRequestobject returm Xmlobject; */ var XmlHttp; function createXmlHttpRequestObject(){ if(window.ActiveXobject){ // 判

js获取鼠标位置(兼容 Firefox 3.6, Opera 10.10, Chrome 4.1)

js获取鼠标位置(兼容 Firefox 3.6, Opera 10.10, Chrome 4.1) <script language="网页特效"> function document.onmouseo教程ver() {   document.all("txtbox").value=event.screenX+"x"+event.screenY; } private void Button1_Click(object sender,

js获取select选中的option的text示例代码

 获取select选中的option的text的方法有很多,下面为大家介绍下使用js的获取方法,感兴趣的朋友可以参考下 javascript   代码如下: var item = document.getElementById("");  var text = item.options[item.selectedIndex].text;    jQuery   代码如下: var text = $("#selector")[0].options[$("#s