-
代碼this和oDrag一樣效果
查看全部 -
onselectstart="return false"
防止鼠標(biāo)選中
查看全部 -
onslectstart事件 防止鼠標(biāo)默認(rèn)選中查看全部
-
onselectstart="return false"防止鼠標(biāo)選中
查看全部 -
onresize 事件會(huì)在窗口或框架被調(diào)整大小時(shí)發(fā)生。
查看全部 -
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
查看全部 -
透明度：opacity:0.4; filter:Alpha(opacity=40);
用js onselectstart事件鼠標(biāo)禁止選中文字
用js可以在頁面中寫 onselectstart="return false" 比如說：
<div onselectstart="return false">這里面的文字是不能被鼠標(biāo)選中的</div>
firefox 實(shí)現(xiàn)就更簡(jiǎn)單了
<div style=“width:200px;height:200px;-moz-user-select:none;”>啦啦啦?</div>
你直接在:<body onselectstart="return false"> 這里加的話， 整個(gè)頁面都不能復(fù)制文字了。。查看全部 -
鼠標(biāo)拖拽事件三個(gè)關(guān)鍵：
var mouseOffsetX = 0;?? //? 偏移
??? var mouseOffsetY = 0;
??? var isDraging = false;? //? 是否可拖拽的標(biāo)記
（1）在標(biāo)題欄上按下。鼠標(biāo)在標(biāo)題欄上按下時(shí)，要計(jì)算鼠標(biāo)相對(duì)拖拽元素的左上角的坐標(biāo)，并且標(biāo)記元素為可拖動(dòng)。
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）開始移動(dòng)。鼠標(biāo)開始移動(dòng)，要檢測(cè)登錄浮層是否可標(biāo)記為移動(dòng)，如果是，則更新元素的位置到當(dāng)前鼠標(biāo)的位置(注意：要減去第一步中獲得的偏移)
document.onmousemove = function( e ){
??????? var e = e || window.event;
??????? var mouseX = e.pageX;?? // 鼠標(biāo)當(dāng)前的位置
??????? 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）放開。鼠標(biāo)松開的時(shí)候，標(biāo)記元素為不可拖動(dòng)狀態(tài)即可。
document.onmouseup = function(){
?? isDraging = false; }查看全部
舉報(bào)