事件深入應用

2021-08-10 11:36:43 字數 922 閱讀 3618

一、拖拽事件:onmousedown:選擇元素

onmousemove:移動元素

onmouseup:釋放元素

drag(odiv);

function drag(obj)

document.onmousemove = function(ev)else if( left >document.documentelement.clientwidth - obj.offsetwidth)

if( top < 50)else if (top > document.documentelement.clientheight - obj.offsetheight)

//碰撞事件

var l1 = left;

var r1 = l + obj.offsetwidth;

var t1 = top;

var b1 = t + obj.offsetheight;

var l2 = oimg.offsetleft;

var r2 = l2 + oimg.offsetwidth;

var t2 = oimg.offsettop;

var b2 = t2 + oimg.offsetheight;

if( r1< l2 || l1 > r2 || b1 < t2 || t1 > b2)else

obj.style.left = left + 'px';

obj.style.top = top + 'px';

}document.onmouseup = function()

}return false;}}

1)託轉的時候,如果有文字被選中會出現問題

原因:當滑鼠按下的時候,如果頁面中有文字被選中,會觸發瀏覽器預設拖拽文字效果

標準:阻止預設事件

非標準: 全域性捕獲

深入Android Touch事件傳遞機制

隨著android學習的深入,發現android中的touch事件是乙個你必須要啃的硬骨頭,本人花了一些時間去搞明白這些事,不敢說搞的非常透徹,但也絕不是淺嘗輒止。下面我就用最通俗的話分享給大家。一 什麼是touch事件 機制 即是使用者用手指頭放到手機螢幕上到手指頭全部離開的整個過程 也叫一次事件...

深入Android Touch事件傳遞機制

隨著android學習的深入,發現android中的touch事件是乙個你必須要啃的硬骨頭,本人花了一些時間去搞明白這些事,不敢說搞的非常透徹,但也絕不是淺嘗輒止。下面我就用最通俗的話分享給大家。一 什麼是touch事件 機制 即是使用者用手指頭放到手機螢幕上到手指頭全部離開的整個過程 也叫一次事件...

C 深入剖析 1 事件

c 深入剖析 1 事件 準備寫乙個系列文章,深入 c 及.net中的某些特性。第一篇 事件 事件相信每個人都不陌生,隨便乙個winform程式,就會使用大量的事件,比如 c code class mainform form private void mainform click object sen...