-
代碼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; }查看全部
舉報