当前位置：首页 → 问答吧 → 可以自由拖放文本改变DIV背景的脚本。。不过不知道有没有实际意义。。

可以自由拖放文本改变DIV背景的脚本。。不过不知道有没有实际意义。。

时间：2010-06-02

来源：互联网

<html>
<head>
<title>ggj</title>
<style type="text/css">
#p{

width:200px;
height:200px;
border:solid 1px;

}

</style>

</head>

<body>

<form>
<input type="text" value="green" ondragend="draghandler(event,this.value)" ><br/>
<input type="text" value="red" ondragend="draghandler(event,this.value)"><br/>
<input type="text" value="pink" ondragend="draghandler(event,this.value)"><br/>
<input type="text" value="blue" ondragend="draghandler(event,this.value)"><br/>
<input type="text" value="yellow" ondragend="draghandler(event,this.value)"><br/>
</form>

<div id="p" ondragenter="draghandler(event)" ondragover="draghandler(event)" ondrop="draghandler(event)"></div>

<script type="text/javascript">

function draghandler(oEvent,sColor)

{

var pp=document.getElementById("p")

switch(oEvent.type)

{

case "dragenter":
case "dragover":
oEvent.returnValue=false

break

case "dragend":
pp.style.backgroundColor=sColor

}//switch

}//draghandler
</script>

</body>

</html>

作者: JSbeginner84 发布时间: 2010-06-02

请问下为什么我这段脚本在FF也能运行阿？。。。。FF里面不是没有拖放事件么。。。

作者: JSbeginner84 发布时间: 2010-06-02