`

document.onmousemove = judge 鼠标移动时候调用!!

    博客分类:
  • jsp
阅读更多
<html>
<head>
</head>
<body>
123333
223
</body>

<script type="text/javascript" >
function judge(){
alert("mousemove");
//document.onmousemove = null;//撤销鼠标移动模拟
}
function simulateMouseMove(){//模拟鼠标移动
document.onmousemove = judge;
}
window.onload=simulateMouseMove;//窗口加载
</script>
</html>

效果: 鼠标在页面上移动就会触发事件

同理将 document.onmousemove = judge;  改成
document.onclick = judge;  
效果: 鼠标在页面上点击就会触发事件
分享到:
评论

相关推荐

    可以实现图片放大的js代码

    ele=document.getElementById(img.overid); if(ele) {obj.removeChild(ele);} ele=document.getElementById(img.ctrlid); if(ele) {obj.removeChild(ele);} img.width=img.minwidth; img.height=img....

    鼠标上滚动文字

    curscroll.style.left=document.body.scrollLeft+event.clientX+10 curscroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){curscroll.style.visibility="hidden"} if ...

    让你的图片实现可以拖动的效果

    可以让你的图片在页面上随便拖到 ...document.onmousemove=move }} document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") &lt;img src="img/draw.jpg" class="drag"&gt;

    弹出窗口加入时间限制

    document.onmousemove=document.onkeyup=function (){flag=false;clearInterval(timer);init()} 2. 在页面加载完成后定时检查,看有无动作。 window.onload=function init(){timer=setInterval(function(){if...

    可拖动的table

    rDrag.o = document.onmousemove = document.onmouseup = null; }, fixEvent: function(e){ if (!e) { e = window.event; e.target = e.srcElement; e.layerX = e.offsetX; e.layerY = e.offsetY; } ...

    移动div层.txt

    pleft=document.getElementById('moveMe').style.pixelLeft ptop=document.getElementById('moveMe').style.pixelTop xcoor=event.clientX ycoor=event.clientY document.onmousemove=moveImage } } ...

    冒泡--鼠标跟随不断冒泡

    window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i ; i++) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random()*4+1; Cstep[i] = 0; Step[i] = Math.random()*0.1+0.05; grow[i] = ...

    JavaScript弹出窗口拖拽插件

    然后,在鼠标移动时(`mousemove`),我们根据鼠标的移动距离来更新div元素的位置。最后,当鼠标释放时(`mouseup`),停止更新,完成拖拽过程。 在`super.drag.1.0.js`这个文件中,很可能包含了实现这一功能的核心代码...

    js 鼠标拖动对象 可让任何div实现拖动效果.docx

    首先,我们需要创建一个函数,这个函数会处理鼠标的按下、移动和释放事件,从而实现div的拖动。下面是一个基本的实现: ```javascript // 定义drag函数,用于处理div的拖动 function drag(a, o) { var d = ...

    淘宝大图轮播

    cover.onmousemove = clip.onmousemove = function(e){ var e = e || event; var pos = layerPos(e); var x = pos.x; var y = pos.y; //判断x和y坐标有没有超出范围 var w = parseFloat(clipWidth) / 2,h = ...

    10个至强JavaScript代码

    this.parent.oc.onmousemove = function (e) { if (!e) e = window.event; self.bar.style.left = Math.round(Math.min((self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl))) + 'px';...

    js实现简单div拖拽功能实例.docx

    6. 注册 `onmouseup` 事件处理程序:当鼠标释放时,取消鼠标移动和鼠标释放的事件监听器,恢复 Div 的原始 z-index 和鼠标样式。 ```javascript &lt;script type="text/javascript"&gt; function drag(obj) { if ...

    实现星星跟随鼠标的特效

    实现星星跟随鼠标的特效 &lt;script language=javascript&gt; if (!document.layers&&!document.all) event="test" function showtip2(current,e,text){ if (document.all&&document.readyState=="complete"){ document....

    基于HTML的简单画布

    var canvas=document.getElementById("demo"); var cxt=canvas.getContext("2d"); var flag=0; canvas.onmousedown=function(evt){ evt=window.event?window.event:evt; var startX=evt.pageX-this....

    网页鼠标特效.docx

    eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth') eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight') eval('height=curElement'+styleSwitch+'...

    javascript弹出带文字信息的提示框效果_.docx

    document.onmousemove = getmouseposition; } function exit() { document.getElementById('tooltip').style.display = 'none'; } ``` 三、实现效果的HTML代码 下面是实现这个效果的HTML代码: ```html html ...

    鼠标放上去显示层及信息详情.

    鼠标效果&lt;html&gt; &lt;head&gt; &lt;title&gt;emu&lt;/title&gt; &lt;style type="text/css"&gt; &lt;!-- body { margin:0px; padding:0px;} #yuantu { float:left;} #hidd { border:1px #cccccc solid; overflow:hidden; position:absolute;} ...

    javascript带颜色的欢迎窗口

    this.IDh.IDb.IDov=document.getElementById(id+'_ov'); if(IE5){ this.IDh.IDb.IDov.style.width=width-6; this.IDh.IDb.IDov.style.height=height-22; this.IDh.IDb.IDov.style.scrollbarBaseColor=boxcolor; this...

    基于原生JavaScript拖拽效果的实现.pdf

    TP=document.documentElement.clientHeight-oD.offsetHeight; } ``` (4)鼠标抬起时会触发onmouseup事件,当触发onmouseup事件时需要将onmousemove事件与onmouseup事件去掉,此时一次完整的拖拽效果结束。 ```...

    仿淘宝js放大镜效果

    //获取当前移动的showimg位置 计算方法是 鼠标坐标 - 最外面容器的坐标 - 滤镜图的宽(高)的/2 Top = Top&lt;0?0:Top&gt;maxHeight?maxHeight:Top; Left = Left&lt;0?0:Left&gt;maxWidth?maxWidth:Left; showimg.style.top =...

Global site tag (gtag.js) - Google Analytics