作者hirabbitt (兔子)
看板Web_Design
標題Re: [問題] javascript 拖拉圖片
時間Tue Oct 13 11:14:47 2009
嗯...
我將mousemove設為上層
但是還是發生同樣的問題耶
mousedown
mosemove -->可以在原圖片範圍中移動
mouseout -->不能移動了
mouseover -->回到原圖範圍還是不能動
mouseup
mousemove -->可以在任何地方移動了
因為滑鼠抬起後可以在任何地方移動
所以確定上層元件是有收到onmousemove的
其實為了保險
我在要拖曳的小圖中也寫了onmouseout指向drag
但都沒有用...
js中也寫了document.onmousemove = drag();
//以下程式碼
document.onmousemove = drag();
function moused( Llayer_id, layer_id){
md=true; //滑鼠按下
mm=false; //滑鼠沒動
lid=layer_id; //指定拖曳圖層
}
function drag(){
if (lid!=""){ //判斷有沒有東西可以拖
mm=true; //拖了
document.getElementById( lid ).style.top= event.y-10;
document.getElementById( lid ).style.left= event.x-10;
}
}
function mouseu( layer_id ){ //mouseup
if(md){
if(mm){
}else{
layer_DisCtrl2(layer_id);
}
md=false; //滑鼠沒按
mm=false; //滑鼠沒拖曳
lid=""; //沒有圖層可以拖
}
}
<!--要拖曳的圖層-->
<img src="fa.gif"
onMouseDown=moused("Layer11")
onMouseUp=mouseu("Layer11")
onMouseMove="drag()"
onMouseOut="drag()"
width="18" height="18">
<!--上層圖層-->
<div id="Layer1" style="position:absolute; z-index:1; left: 0px; top: 0px;"
onMouseMove="drag()">
請幫我看看是哪裡的問題
謝謝
--
◤ __ \__◣
◢◤◢◤ ψhirabbitt
◢ ◤ ◢███◣
◢███◣
黑兔子我啊 █████
█████ 所以所以
██
●█
● █▇███
最喜歡白兔子了 ██
╱╲ ●◥█████◣● 我們要一直在一起喔
◥
╱█
╱╱ ● ◥████ ˇ
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 163.13.127.91
→ hirabbitt:瞭了 document.onmousemove 那行要寫在MOUSED裡面 10/13 13:20
→ hirabbitt:還是謝謝大家 10/13 13:20