JavaScript-事件之onmousemove

onmousemove 监听鼠标移动事件。注意，ie8及ie8以下监听不到event，所以要用event=window.event;做一下兼容处理。 clientX/clientY获取当前鼠标在指定标签内的可见横纵坐标位置。
标签.οnmοusemοve=function(event){
//兼容处理
if(!event){
event=window.event;
}
// 或者
// event=event||window.event;
console.log("X = “+event.clientX+” Y = "+event.clientY);
}

鼠标跟随例子:
定义一个100*100 红色背景的div #test， clientX/clientY是浏览器可见的坐标， pageX/pageY是整个页面文档，但是不兼容ie8及其以下。所以，要兼容的话我们只能使用clientX、clientY, 如果body高于整个浏览器可见高度，跟随的div定位，就要减去距离顶部或者距离左侧的距离。如下:

<div id="test" class="test"></div>

   document.onmousemove=function(event){//解决兼容 event=event||window.event;//获取到鼠标的坐标   clientX/clientY 是相对于浏览器窗口   pageX/pageY 是整个页面文档,不兼容ie8// var left=event.pageX;// var top=event.pageY;var st=document.body.scrollTop||document.documentElement.scrollTop;var sl=document.body.scrollLeft||document.documentElement.scrollLeft;var left=event.clientX;var top=event.clientY;test.style.left=left+sl+"px";test.style.top=top+st+"px";}

JavaScript-事件之onmousemove相关推荐

JavaScript鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup的用法和区别详解
鼠标事件onmousedown,onmousemove,onmouseout,onmouseover,onmouseup详解 1.事件属性如下: 2.下面用一段代码来了解和体验这些鼠标事件的用法: & ...
javascript事件列表解说
javascript事件列表解说事件浏览器支持解说一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
JavaScript 事件入门知识
JavaScript事件是由访问Web页面的用户引起的一系列操作; 例如:用户点击;当用户执行某些操作的时候,再去执行一系列代码; 一事件介绍事件一般是用于浏览器和用户操作进行交互;最早是IE和N ...
javascript事件详细说明
javascript事件列表解说javascript事件列表解说事件浏览器支持解说一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触 ...
javascript事件与event对象的属性
javascript事件列表解说事件浏览器支持解说一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
JavaScript事件---事件入门
JavaScript事件---事件入门原文:JavaScript事件---事件入门内容提纲: 1.事件介绍 2.内联模型 3.脚本模型 4.事件处理函数 JavaScript事件是由访问Web页面 ...
精通JavaScript事件.详解
事件(上) JavaScript事件列表事件解说一般事件 onclick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmo ...
Javascript事件绑定的几种方式
Javascript事件绑定的几种方式来源:http://www.cnblogs.com/rainman/archive/2009/02/11/1387955.html 上篇文章讲到了事件绑定的3中 ...
JavaScript事件基础
JavaScript事件概述 JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测道德行为简单的理解为:触发-响应机制网页中国每个元素都可以产生某些可以触发Java ...
轻松学会JavaScript事件
文章目录事件与事件流事件监听(绑定事件方法) JavaScript事件鼠标事件表单事件键盘事件 UI事件快速投票事件可以说是JavaScript最引人注目的特性,因为它提供了一个平台 ...

JavaScript-事件之onmousemove

JavaScript-事件之onmousemove相关推荐

最新文章

热门文章