javascript每日一练(八)——事件三:默认行为
2013-07-24 21:34
232 查看
一、阻止默认行为
return false;自定义右键菜单
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{ width:100px; height:100px; 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; var iX = oEvent.clientX - disX; var iY = oEvent.clientY - disY; if(iX < 0) { iX = 0; } else if( iX > document.documentElement.clientWidth - oDiv.offsetWidth) { iX = document.documentElement.clientWidth - oDiv.offsetWidth; } if(iY < 0) { iY = 0; }else if( iY > document.documentElement.clientHeight - oDiv.offsetHeight) { iY = document.documentElement.clientHeight - oDiv.offsetHeight; } oDiv.style.left = iX + 'px'; oDiv.style.top = iY + 'px'; }; document.onmouseup = function() { document.onmousemove = null; document.onmouseup = null; }; return false; }; }; </script> </head> <body> <div id="div1"></div> </body> </html>
View Code
相关文章推荐
- JavaScript 事件 -- 默认行为,限制范围拖拽
- javascript中阻止事件冒泡,阻止事件默认行为
- JavaScript 事件流(事件要素/普通事件/事件绑定/事件冒泡/阻止冒泡/阻止默认行为)
- javascript如何阻止事件冒泡和默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript 阻止事件冒泡 与 浏览器的默认行为
- JavaScript事件冒泡和阻止默认行为和阻止事件冒泡(转载)
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript——事件默认行为
- javascript解决多事件冲突的问题(冒泡行为、默认行为)
- javascript 阻止事件的默认行为
- 阻止Javascript事件的默认行为
- javascript-阻止事件冒泡和事件默认行为
- javascript 阻止元素对于事件的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- javascript阻止事件冒泡和浏览器的默认行为
- Javascript 事件对象(六)事件默认行为
- javascript阻止事件冒泡和浏览器的默认行为