`

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=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; } ...

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

    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源代码】原生JS实现拖拽位置预览.docx

    4. **监听鼠标移动事件**:当鼠标移动时触发`onmousemove`事件,更新预览元素的位置。 5. **监听鼠标释放事件**:当用户松开鼠标时触发`onmouseup`事件,此时停止监听鼠标移动事件,并将目标元素放置到最终位置。 #...

    JavaScript弹出窗口拖拽插件

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

    js拖拽一些常见的思路方法整理

    - 绑定后续的`onmousemove`和`onmouseup`事件到`document`对象上(而不是直接绑定到被拖动元素上),以确保即使鼠标移出了元素范围也能正确处理拖拽事件。 ```javascript element.onmousedown = function(event) { ...

    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 = ...

    js放大缩小拖拽图片(兼容IE、火狐)

    - 在鼠标按下时调用 `initDrag`,在鼠标释放时取消拖拽状态。 ##### 图片移动与缩放 ```javascript function clickMove(s) { if (s == "up") { dragObj.style.top = parseInt(dragObj.style.top) + 100; } else...

    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';...

    javascript 拖动

    3. **监听鼠标移动事件**:一旦检测到鼠标按下,我们就持续跟踪鼠标的移动,并更新元素的位置。 4. **监听鼠标释放事件**:当用户释放鼠标时,我们需要停止跟踪鼠标的移动,并清理相关的事件监听器。 #### 三、示例...

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

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

    浅析JavaScript动画模拟拖拽原理

    2. **监听鼠标事件**: 分别为`mousedown`、`mousemove`和`mouseup`事件添加事件监听器,以便在用户按下鼠标、移动鼠标以及松开鼠标时执行相应的操作。 3. **计算初始坐标**: 在`mousedown`事件中,获取鼠标相对于...

    基于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....

    js弹出层居中可移动

    2. **如何使弹出层可被拖动**:这需要监听鼠标事件,并根据用户的鼠标移动来调整弹出层的位置。 #### 三、具体实现步骤 ##### 1. HTML结构 首先,需要定义HTML结构。示例代码中已经给出了一部分结构,这里我们补充...

    div拖动基础div拖动基础

    3. 在鼠标移动时,通过`onmousemove`事件不断更新`&lt;div&gt;`的位置。 4. 当用户释放鼠标时,通过`onmouseup`事件停止拖动操作,并清理所有事件监听器。 #### 五、扩展与优化 - **兼容性处理**:考虑不同浏览器间的...

    网页鼠标特效.docx

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

    javaScript鼠标键盘事件

    7. **`onmousemove`**:鼠标指针在元素上移动时触发。可用于创建动态效果,如跟随鼠标指针的动画。 ```javascript element.onmousemove = function(e) { var x = e.clientX; var y = e.clientY; console.log(...

Global site tag (gtag.js) - Google Analytics