-
代码this和oDrag一样效果
查看全部 -
onselectstart="return false"
防止鼠标选中
查看全部 -
onslectstart事件 防止鼠标默认选中查看全部
-
onselectstart="return false"防止鼠标选中
查看全部 -
onresize 事件会在窗口或框架被调整大小时发生。
查看全部 -
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
查看全部 -
透明度：opacity:0.4; filter:Alpha(opacity=40);
用js onselectstart事件鼠标禁止选中文字
用js可以在页面中写 onselectstart="return false" 比如说：
<div onselectstart="return false">这里面的文字是不能被鼠标选中的</div>
firefox 实现就更简单了
<div style=“width:200px;height:200px;-moz-user-select:none;”>啦啦啦?</div>
你直接在:<body onselectstart="return false"> 这里加的话， 整个页面都不能复制文字了。。查看全部 -
鼠标拖拽事件三个关键：
var mouseOffsetX = 0; // 偏移
var mouseOffsetY = 0;
var isDraging = false; // 是否可拖拽的标记
（1）在标题栏上按下。鼠标在标题栏上按下时，要计算鼠标相对拖拽元素的左上角的坐标，并且标记元素为可拖动。
g('dialogTitle').addEventListener('mousedown',function(e){
var e = e || window.event;
mouseOffsetX = e.pageX - g('dialog').offsetLeft;
mouseOffsetY = e.pageY - g('dialog').offsetTop;
isDraging = true;
})
（2）开始移动。鼠标开始移动，要检测登录浮层是否可标记为移动，如果是，则更新元素的位置到当前鼠标的位置(注意：要减去第一步中获得的偏移)
document.onmousemove = function( e ){
var e = e || window.event;
var mouseX = e.pageX; // 鼠标当前的位置
var mouseY = e.pageY;
var moveX = 0; // 浮层元素的新位置
var moveY = 0;
if( isDraging === true ){
moveX = mouseX - mouseOffsetX
moveY = mouseY - mouseOffsetY;
g('dialog').style.left = moveX + 'px';
g('dialog').style.top = moveY + 'px';
}
}
（3）放开。鼠标松开的时候，标记元素为不可拖动状态即可。
document.onmouseup = function(){
isDraging = false; }查看全部
举报