对象拖动事件

来源：互联网发布：ccs软件最新软件编辑：程序博客网时间：2024/05/18 02:10

一介绍

拖放对象事件包含ondrag、ondragend和ondragstart事件。

ondrag事件是当某个对象被拖动时触发事件处理程序。

ondragend事件是当鼠标拖动结束时触发事件处理程序，即当鼠标的按钮被释放时触发该事件。

ondragstart事件是当某对象将被拖动时触发事件处理程序，即当鼠标按下，开始移动鼠标时触发该事件。

二应用

在图片被拖动时，在窗口的标题栏中显示图片拖动的状态。

即在将要拖动图片时，在标题栏中显示dragstart；

在图片拖动时，在标题栏中显示drag；

在拖动结束时，在标题栏中显示dragend。

三代码

<body><form name="form1" method="post" action=""> <input name="imageField" type="image" src="Temp.jpg" width="150" height="120" border="0" ondrag="drag (event)" ondragend="drag(event)" ondragstart="drag(event)"></form><script language="javascript">function drag(Event){ document.title=Event.type; //在窗口的题栏中写入相就的事件类型名}</script></body>

四注意

在对对象进行拖动时，一般都要使用ondragend事件，用来结束对象的拖动操作。

五运行结果

查看图片附件

0 0