首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
用javascript实现鼠标框选
所属分类：
网络编程
/
JavaScript
阅读数： 215
收藏 0
赞 0
分享
起初是打算兼容 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="https://zhanzhang360.qulang.net/imgupload/004035/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> </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="https://zhanzhang360.qulang.net/imgupload/004035/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> </body> </html>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Angular使用Md5加密的解决方法
这篇文章主要介绍了Angular使用Md5加密的解决方法,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
详解JS构造函数中this和return
本文通过实例代码给大家介绍了JS构造函数中this和return，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
ES6中Array.find()和findIndex()函数的用法详解
ES6为Array增加了find()，findIndex函数。find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined，而findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。下面通过实例详解，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
JS闭包的几种常见形式实例详解
本文通过实例代码给大家详细介绍了js闭包的几种常见形式，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下
评论 0
收藏 0
赞 0
分享
ES6中Array.copyWithin()函数的用法实例详解
ES6为Array增加了copyWithin函数，用于操作当前数组自身，用来把某些个位置的元素复制并覆盖到其他位置上去。下面重点给大家介绍ES6中Array.copyWithin()函数的用法，需要的朋友参考下
评论 0
收藏 0
赞 0
分享
Javascript 严格模式use strict详解
严格模式：由ECMA-262规范定义的JavaScript标准，对javascrip的限制更强。这篇文章主要介绍了Javascript 严格模式use strict详解 ,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
引入JavaScript时alert弹出框显示中文乱码问题
今天在HTML中引入JavaScript文件运行时，alert弹出的提示框中文显示为乱码，怎么解决此问题呢？下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法，一起看看吧
评论 0
收藏 0
赞 0
分享
AngularJs 延时器、计时器实例代码
这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
JS分页的实现（同步与异步）
这篇文章主要介绍了JS分页的实现（同步与异步）,需要的朋友可以参考下
评论 0
收藏 0
赞 0
分享
Angularjs自定义指令实现分页插件(DEMO)
由于最近的一个项目使用的是angularjs1.0的版本，涉及到分页查询数据的功能，后来自己就用自定义指令实现了该功能，下面小编把实例demo分享到脚本之家平台，需要的朋友参考下
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
朋友圈被一条人贩消息刷屏：竟然是营销?
怎么进入微店买东西?微店购物流程图文介绍
Google
Google
光大银行网上银行西联汇款收汇方法分享
个人建站赚钱方法有哪些?5种常见方法汇总
站长故事
更多
站长故事：一个90后站长的自述
快播之死：中国互联网的政策红利期已结束
2013 敢问网站建设的路究竟在何方
大脚：一个老站长的垂死宣言
我是怎么赚到人生的第一个百万的
PHPWind
