javascript中ondragover是啥事件

Posted 2023-04-08

定义和用法
ondragover 事件在可拖动元素或选取的文本正在拖动到放置目标时触发。
默认情况下，数据/元素不能放置到其他元素中。 如果要实现改功能，我们需要防止元素的默认处理方法。我们可以通过调用 event.preventDefault() 方法来实现 ondragover 事件。
拖放是 html5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。
注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。
提示： 链接和图片默认是可拖动的，不需要 draggable 属性。
在拖放的过程中会触发以下事件：
在拖动目标上触发事件 (源元素):
ondragstart - 用户开始拖动元素时触发
ondrag - 元素正在拖动时触发
ondragend - 用户完成元素拖动后触发

释放目标时触发的事件:
ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
注意： 在拖动元素时，每隔 350 毫秒会触发 ondragover 事件。 参考技术A 在元素正在拖动到放置目标时触发 HTML 中： 尝试一下 javascript 中： object.ondragover=function()myScript;尝试一下 JavaScript 中, 使用 addEventListener() 方法: object.addEventListener("dragover", myScript);

javascript event对象的具体功能是啥

参考技术A event对象只在事件发生的过程中才有效（比如鼠标点击，键盘按下等）。
event对象用以表示事件的状态，
例如
触发event对象的元素（event.srcElement）、
鼠标的位置（event.clientX、event.clientY）、
按下的键（event.keyCode）等等。
event对象的属性包括：
altKey,
button,
cancelBubble,
clientX,
clientY,
ctrlKey,
fromElement,
keyCode,
offsetX,
offsetY,
propertyName,
returnValue,
screenX,
screenY,
shiftKey,
srcElement,
srcFilter,
toElement,
type,
x,
y
（可以详细查看参考书）
使用event的方法：
定义
var
evt
=
window.event;
FF中不能通过该方法得到event对象，可以通过传值的方法：
element.onclick
=
function(e)
var
evt
=
window.event
||
e;
...

用event获得点击时鼠标的坐标
element.onclick
=
function(e)
var
evt
=
window.event
||
e;
var
cursorPOS
=

x
:
evt.clientX,
y
:
clientY


用event对象指定当按下回车键时，弹出警告框
element.onkeydown
=
function(e)
var
evt
=
window.event
||
e;
if(evt.keyCode==13)
alert('按下了回车！');


用event获得鼠标点击的DOM对象
document.onclick=function(e)
var
evt
=
window.event
||
e;
var
_target
=
evt.srcElement
||
evt.target;
alert(_target.tagName)

更多的使用，请参考教材。