整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

PC的“指”上安全 指思指纹鼠标评测

如今的互联网时代什么才是最重要的？答案当然是“安全”二字。如今的智能手机上几乎都搭载了指纹识别功能，而更早出现的PC却迟迟没有类似的安全措施，人们不断的给手机增加各种加密的功能，却遗忘了PC端的信息安全也是同样的重要。

用户一般在PC端的安全措施一般都只是设置一个又长又难记的密码，并且尽量每隔几个月更换一次，而这样做往往造成了若干个月后，或者在其他设备上登陆自己的帐号时，突然发现“哎？我的密码是什么来着？”这个时候你才发现你真的需要一个又方便又快捷的PC端加密方式。

指思智能指纹鼠标

如果是单独购买PC端的指纹加密设备很不划算，即累赘又昂贵。而现在用户有了全新的选择，它可以帮您解决上述PC 端安全问题。指思智能指纹鼠标，可以轻松实现为电脑上的本地文件加密解密，还可以通过指纹登陆网银、邮箱、网站等各类互联网账号，既快捷又安全。

指思智能指纹鼠标

这款指思智能指纹鼠标在加强PC信息安全上的方法是在鼠标的滚轮前方，设置了一个指纹识别模块，并且拥有微软RS3认证授权。拥有了它后，你的PC就可以像手机一样，在安全方面有着显著的提升，并且再也不用登陆一些网站时输入繁杂的密码了。

指思智能指纹鼠标

接下来就让我们一起来看看这款指思智能指纹鼠标究竟有着怎样的表现吧。

指思智能指纹鼠标整体采用了简约设计，配色有共有钛白、白银、铅黑三种可选，并且采用了左右对称的设计，这对于左习惯用手的用户来说是个好消息。目前在售的颜色暂时没有粉色，还请大家耐心等待一下。

配色一览

指纹模块设计在滚轮的前方，在平时使用时并不会对其他的操作产生影响，而在需要使用指纹时，只需要轻轻按在指纹模块上，便可完成识别。

指思智能指纹鼠标指纹模块特写

指纹解锁方便快捷

鼠标整体采用的左右对称设计，带给用户圆润的手感外，还可以保证大多数用户的掌心贴合，让手始终保持着自然放松的感觉，特别适合女生使用。

指思智能指纹鼠标

可以在多种材质上自如使用

指思智能指纹鼠标采用了原相PAW3515引擎。为入门级光学引擎，可以有效的节省成本。最高可为用户提供1600的DPI。对于一款搭载指纹模块售价仅为249元的鼠标来说，这样的引擎选择还是非常明智的。这款引擎光标定位灵敏，滑行控制畅快，可以在桌面、沙发、布料、皮革等材质上自如使用。

基本参数

指思智能指纹鼠标

这款指思智能指纹鼠标拥有125Hz的回报率和1600DPI让它不仅适用于办公，玩游戏也能轻松应对。1.8m的线缆长度也可以满足不同的办公、游戏环境。鼠标重量仅有92g让用户使用起来更加轻盈，即便长时间使用也不会很累。

指思智能指纹鼠标主打的指纹功能，需要用户从官网上下载驱动软件（点击跳转）。软件的设计风格如同他们的鼠标一样：简约大方。让用户可以快速寻找到他们所需要使用的功能。

软件界面

这款指思智能指纹鼠标获得了微软RS３认证授权，所以玩家电脑中如果是正版Windows系统的话，可以在安装驱动后直接按照提升操作使用。（如果是Windows盗版用户，由于官方并不支持盗版系统，所以需要用户建立非Admin账户，才可以使用指纹识别。）

微软RS３认证授权

指纹验证界面

在密码管理区是上文提到的可以通过指纹登陆的网站及邮箱等。目前已支持的网站请看下图。用户只需要在第一次使用时，将帐号以及密码设置好，以后再使用时只需要直接点击对应的网站，便可以使用指纹登陆了。

账号管理

支持指纹登陆的网站

在文件加密方面，用户只需要将需要加密的文件路径输入到加密区中，便可完成加密保护，在之后的使用时，只需要在使用时根据提示验证指纹即可完成操作。

加密保密区

文件指纹加密区

对于一款有指纹识别的鼠标来说，除了安全系数外，识别速度也同样非常重要，经过笔者实际测试，指纹的识别速度基本上能达到目前手机指纹解锁的速度，使用起来还是非常快捷的。

指纹快速识别

添加指纹的方式与手机指纹一样，并且如果重复录入同一个手指时，系统会有相应的提示。整体与目前手机指纹模块达到同一水平。

指纹资料建立

除此之外用户还可以对不同指纹设置相对应的Windows系统账户，在使用时会自动识别指纹所对应的账户，达到工作娱乐两不误。

根据上文笔者对于这款指思智能指纹鼠标的具体介绍，相信大家对于这款产品已经有了一个清楚的认识。对于一款售价仅为249元（众筹价199元）的鼠标来说，性价比还是非常高的，无论是搭载的指纹模块还是舒适的手感，以及精准的定位。让这款鼠标很容易博得办公用户的喜爱。

对于那些想要让自己PC中的信息能有一个更加安全的用户来说，这样的鼠标对于他们来说直击痛点。再也不需要登陆网站时如入繁杂的密码，也不需要担心PC中那些重要的文件会被其他人窃取。所以这样一款指思智能指纹鼠标对于用户来说，指思智能指纹鼠标的意义已经不仅仅是一个鼠标了。

指思智能指纹鼠标

好了本次的指思智能指纹鼠标评测就到这里了，如果大家对于这款鼠标还有什么疑问，请在本文下方评论区留言，笔者会为大家做出详细的解答。目前这款鼠标在京东上有售，价格为249元，喜欢的朋友可以戳进链接查看详情哦。

点此购买

易拖拽

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px; height:200px; background:red; position:absolute;}
</style>
<script>
window.onload=function ()
{
var oDiv=document.getElementById('div1');

var disX=0;
var disY=0;

oDiv.onmousedown=function (ev)
{
var oEvent=ev||event;

disX=oEvent.clientX-oDiv.offsetLeft; //拖拽距离
disY=oEvent.clientY-oDiv.offsetTop; //拖拽距离

oDiv.onmousemove=function (ev)
{
var oEvent=ev||event;

oDiv.style.left=oEvent.clientX-disX+'px';
oDiv.style.top=oEvent.clientY-disY+'px';
};

oDiv.onmouseup=function ()
{
oDiv.onmousemove=null;
oDiv.onmouseup=null;
};
};
};
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

程序问题:鼠标拖拽过快,鼠标指针与拖拽div对象脱离

解决方法:直接给document加事件(因为div对象范围太小,鼠标移动就与拖拽div对象脱离)

将oDiv改成document对象

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px; height:200px; background:red; position:absolute;}
</style>
<script>
window.onload=function ()
{
var oDiv=document.getElementById('div1');

var disX=0;
var disY=0;

oDiv.onmousedown=function (ev)
{
var oEvent=ev||event;

disX=oEvent.clientX-oDiv.offsetLeft;
disY=oEvent.clientY-oDiv.offsetTop;

document.onmousemove=function (ev)
{
var oEvent=ev||event;

oDiv.style.left=oEvent.clientX-disX+'px';
oDiv.style.top=oEvent.clientY-disY+'px';
};

document.onmouseup=function ()
{
document.onmousemove=null;
document.onmouseup=null;
};
};
};
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

程序问题: FF下，空Div拖拽Bug(残影)

解决方法: 阻止默认事件

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px; height:200px; background:red; position:absolute;}
</style>
<script>
window.onload=function ()
{
var oDiv=document.getElementById('div1');

var disX=0;
var disY=0;

oDiv.onmousedown=function (ev)
{
var oEvent=ev||event;

disX=oEvent.clientX-oDiv.offsetLeft;
disY=oEvent.clientY-oDiv.offsetTop;

document.onmousemove=function (ev)
{
var oEvent=ev||event;

oDiv.style.left=oEvent.clientX-disX+'px';
oDiv.style.top=oEvent.clientY-disY+'px';
};

document.onmouseup=function ()
{
document.onmousemove=null;
document.onmouseup=null;
};

return false; //阻止默认事件(拖动残影)
};
};
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

防止拖出页面

见鼠标事件

对鼠标进行操作就会产生鼠标事件，比如按下、松开鼠标左键、右键或滚轮等。

onmousemove事件：当鼠标指针在指定元素上移动时，就会触发该事件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            width: 200px;
            height: 200px;
            background-color: aqua;
        }
    </style>
</head>
<body>
    <div id="box">

    </div>

    <script>
        let box = document.getElementById("box");

        box.onmousemove = function(){
            box.style.backgroundColor = "red";
        }
    </script>
</body>
</html>

当鼠标移动到div方形区域内，背景颜色变为红色。

onmousedown事件：当鼠标指针移动到指定元素上并按下，会触发该事件。

let box = document.getElementById("box");

box.onmousedown = function(){
    box.style.backgroundColor = "red";
}

onmouseup事件：当鼠标指针移动到指定元素上按下并离开，会触发该事件。

let box = document.getElementById("box");

box.onmousedown = function(){
    box.style.backgroundColor = "red";
}

box.onmouseup = function(){
    box.style.backgroundColor = "green";
}

createElement()方法

createElement()：通过指定名称创建一个元素。

项目目标：

在输入框输入非空内容，自动添加到下方列表。

let list = document.getElementById("list");
let word = document.getElementById("word");

let arr = ["吃饭", "睡觉", "打豆豆"];
for (let i = 0; i < arr.length; i++) {
	let temp = document.createElement("li");
	temp.innerHTML = arr[i];
	list.append(temp);
}
word.onblur = function() {
	let value = word.value;
	conssole.log(value);
	if(value){
		let temp = document.createElement("li");
		temp.innerHTML = value;
		list.append(temp);
	}
	else
		alert("请输入内容");
}

event对象

在事件被触发时，js会自动生成一个event对象，控制台输出event可以查看这个事件的具体信息。

项目目标：浏览器中有一个红色小球，鼠标点击，小球就会移动到点击的位置。

let box = document.getElementById("box");
document.onclick = function(event) {
	let x = event.clientX;
	let y = event.clientY;
	box.style.left = x + "px";
	box.style.top = y + "px";
}

拖拽效果

移动时disX和disY没有变化：

项目目标：拖动纸飞机移动。

let img=document.getElementById("img");
img.onmousedown = function (event) {
    let disX = event.clientX - this.offsetLeft;
    let disY = event.clientY - this.offsetTop;
    img.onmousemove = function (event) {
        let l = event.clientX - disX;
        let t = event.clientY - disY;

        this.style.left = l + 'px';
        this.style.top = t + 'px';
    }
    img.onmouseup = function () {
        img.onmouseup = img.onmousemove = null;
    }
}

视频讲解

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

相关推荐

  • Javascript对象和选项卡实现
  • 一文详解javascript轮播图
  • Javascript简介和基础数据类型
  • 一文详解Javascript定时器
  • Javascript点击按钮控制图片切换
  • Javascript获取className属性和slice切片
  • 一文详解Javascript正则表达式，检测用户名密码合法性
  • Javascript在线刷题输入输出模板，学编程为什么要刷题？

在线咨询
上一篇：JQ实现简单的分页功能
下一篇：前端开发中实用Javascript代码片段

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

推荐阅读
友情链接 赤城县 呼图壁县 三门峡 卢龙县 贾汪区 安县 网站制作
Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
联系电话：   E-mail：279303980@qq.com  
主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
电话沟通
在线客服