用javascript实现鼠标框选

更新时间：2007年05月21日 00:00:00 作者：

起初是打算兼容 Netscape 和 FireFox 等浏览器的，但这些浏览器中不支持 style.pixelLeft，得使用 style.left 之类的（style.pixelLeft 为数字无单位，style.left 为文本有单位），实际使用中发现效果很不好，有延迟状，所以还是使用 style.pixelLeft，缺点是仅支持 IE 系列浏览器。

<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>鼠标框选框</title>  </head>  <body> <img src="http://www.cftea.com/upload/720/code.jpg" ondrag="javascript:return false;">  <div id="box" style="position:absolute;display:none;width:0px;height:0px;border:1px solid #0000FF;background-color:#99CCFF;font-size:1px;filter:alpha(opacity=50);"></div>  <script language="javascript">    </script>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

下面这个只在区域内有效

<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>鼠标框选框</title>  </head>  <body>  <div id="content" style="width:381px;">   <img src="http://www.cftea.com/upload/721/code.jpg" ondrag="javascript:return false;" width="381" height="354">   <div id="box" style="position:absolute;display:none;width:0px;height:0px;border:1px solid #0000FF;background-color:#99CCFF;font-size:1px;filter:alpha(opacity=50);"></div>  </div>  <script language="javascript">    </script>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

用javascript实现鼠标框选

微信小程序引用iconfont图标的方法
这篇文章主要介绍了微信小程序引用iconfont图标的方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-10-10
图解JavaScript作用域链底层原理
当代码在一个环境中执行时,会创建变量对象的一个作用域链,作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问,下面这篇文章主要给大家介绍了关于JavaScript作用域链底层原理的相关资料,需要的朋友可以参考下
2021-11-11
JavaScript实现五子棋小游戏
这篇文章主要为大家详细介绍了JavaScript实现五子棋小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-10-10
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
在IE中，验证码不会刷新而谷歌等其他浏览器没有问题，解决方案就是在验证码的切换地址后面加一个随机的参数
2014-03-03
javascript将异步校验表单改写为同步表单
这篇文章主要介绍了javascript将异步校验表单改写为同步表单,需要的朋友可以参考下
2015-01-01
最简单的JavaScript图片轮播代码(两种方法)
基于javascript代码实现最简单的图片轮播效果，非常简单，本文通过两种方式给大家介绍最简单的图片轮播，感兴趣的朋友一起学习吧
2015-12-12
js二维数组定义和初始化的三种方法总结
本篇文章主要是对js二维数组定义和初始化的三种方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-03-03
js实现编辑div节点名称的方法
这篇文章主要介绍了js实现编辑div节点名称的方法,可实现针对div节点名称的编辑及样式的选择效果,并且分别针对IE与FF浏览器的样式进行了选择与控制,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
javascript作用域链与执行环境详解
这篇文章主要为大家详细介绍了javascript作用域链与执行环境，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
原生js实现弹跳小球
这篇文章主要为大家详细介绍了原生js实现弹跳小球，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09