js 捕获鼠标事件
2011-11-22 22:19
344 查看
function drag(overFlow,title){
title.onmousedown = function(evt){
var doc = document;
var evt = evt || window.event;
var x = evt.offsetX?evt.offsetX:evt.layerX;
var y = evt.offsetY?evt.offsetY:evt.layerY;
if(overFlow.setCapture){
overFlow.setCapture();
}else if(window.captureEvents){
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
doc.onmousemove = function(evt){
evt = evt || window.event;
var xPosition = evt.pageX || evt.clientX;
var yPosition = evt.pageY || evt.clientY;
var newX = xPosition - x;
var newY = yPosition - y;
overFlow.style.left = newX;
overFlow.style.top = newY;
};
doc.onmouseup = function(){
if(overFlow.releaseCapture){
overFlow.releaseCapture();
}else if(window.captureEvents){
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
doc.onmousemove=null;
doc.onmouseup=null;
};
};
}
title.onmousedown = function(evt){
var doc = document;
var evt = evt || window.event;
var x = evt.offsetX?evt.offsetX:evt.layerX;
var y = evt.offsetY?evt.offsetY:evt.layerY;
if(overFlow.setCapture){
overFlow.setCapture();
}else if(window.captureEvents){
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
doc.onmousemove = function(evt){
evt = evt || window.event;
var xPosition = evt.pageX || evt.clientX;
var yPosition = evt.pageY || evt.clientY;
var newX = xPosition - x;
var newY = yPosition - y;
overFlow.style.left = newX;
overFlow.style.top = newY;
};
doc.onmouseup = function(){
if(overFlow.releaseCapture){
overFlow.releaseCapture();
}else if(window.captureEvents){
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
doc.onmousemove=null;
doc.onmouseup=null;
};
};
}
相关文章推荐
- js捕获鼠标滚动事件
- js捕获鼠标滚轮事件代码
- js捕获鼠标滚轮事件代码
- js捕获鼠标右键菜单中的粘帖事件实现代码
- web前端实验一:利用Js捕获鼠标事件实现图片切换
- js 鼠标点击事件及其它捕获
- js捕获所有鼠标点击事件及其它
- js 鼠标点击事件及其它捕获
- js捕获鼠标右键菜单中的粘帖事件实现代码
- 滚动条响应鼠标滑轮事件实现上下滚动的js代码
- screen,client,page三种确定鼠标坐标的区别和原生JS事件写法,区别于Jquery的$.on(x,y);和$.click()
- JS监听鼠标滑轮滚动事件
- js中鼠标滚轮事件详解(firefox多浏览器)
- JS冒泡事件 与 事件捕获
- JS鼠标事件大全 推荐收藏
- 用js给div添加鼠标悬停事件
- js 禁止鼠标右键事件
- js之事件冒泡和事件捕获
- 用js模拟鼠标点击事件(事件触发)
- js--5.事件-6.鼠标事件