那女孩真拽的博客

//oncontextmenu:右键菜单事件，当右键菜单（环境菜单）显示出来的时候触发。 document.oncontextmenu = function(){ alert(1) return false;//有效取消事件的默认行为 }

模拟滚动条控制内容的滚动 #div1{ width:30px; height:500px; background:black; position: absolute; left:10px; top:10px; } #div2{ width:30px; height:30px; background:red; positio

是 模拟滚动条 #div1{ width:30px; height:500px; background:black; position: absolute; left:10px; top:10px; } #div2{ width:30px; height:30px; background:red; posit

碰撞检测 #div1{ width:100px; height:100px; background:red; position:absolute; z-index: 2; } img{ width:100px; height:100px; left:40%; top:40%; position: absolute; }

磁性吸附 #div1{ width:100px; height:100px; background:red; position:absolute; } img{ position: absolute; } window.onload = function(){ var oDiv = document.getElementById(

限制范围的拖拽 #div1{ width:100px; height:100px; background:red; position:absolute; } img{ position: absolute; } window.onload = function(){ var oDiv = document.getElementBy

自定义右键菜单 #div1{ width:100px; height:200px; border:1px solid red; position:absolute; display: none; } window.onload = function(){ var oDiv = document.getElementById('div1')

拖拽的封装 #div1{ width:100px; height:100px; background:red; position:absolute; } img{ position: absolute; } window.onload = function(){ var oDiv = document.getElementById

拖拽原理 #div1{ width:100px; height:100px; background:red; position:absolute; } window.onload = function(){ /* onmousedown:鼠标按下时触发 onmousemove:鼠标移动时触发 onmouseup:鼠标抬起时触发

什么是事件？简单来说，事件就是文档或浏览器窗口发生的一些特定的交互瞬间。它最早时是用作分担服务器运算负载的一种手段。后来DOM2级规范开始尝试以一种符合逻辑的方式来标准化DOM事件。但是它并没有规范所有的事件类型。后来，DOM3级又增强了DOM事件的API。我们所熟悉的BOM也支持一些事件， 但BOM事件长期并没有规范，而且它支持的这些事件与DOM事件的关系也不太明确。使用事件有时复杂，有时相