Matukio ya ondragover
定义和用法
当可拖动元素或文本选择被拖动到有效放置目标上时,会发生 ondragover 事件。
默认情况下,不能在其他元素中删除数据/元素。为了允许放置,我们必须阻止元素的默认处理。这是通过调用 ondragover 事件的 event.preventDefault() 方法来实现的。
Kwa kawaida, hatuwezi kumfuta data/element kwenye maelezo mengine. Ili kumalizia kumweka, tunahitaji kumaliza uendelevu wa kawaida wa element. Hii inatendwa kwa kusoma hali ya ondragover event.preventDefault() method. Piaji ya HTML5Kumwengenia na kumweka ni hali ya kina kwenye HTML5. Ili kuelewa vizuri, tafadhali sasa hii tunakupata kusoma:
Kutia:Kuweka element kina kumwengenia, tumekuwa na makosa ya HTML. Makosa ya HTML5 draggable。
Mafaa:Kwa kawaida, viungo na picha vinaweza kumwengenia, hali ya draggable haliweziwa.
Kwenye matukio mengi ya kumwengenia na kumweka, kuna madhefu mengi ya kumtumika na yanaweza kutokea:
Madhefu ya kumtumika kwenye kipya kina:
- ondragstart - Inatukia hali ya kama mtumika amefikia hali ya kumwengenia element.
- ondrag - Inatukia hali ya kama element hauweziwa hali kwa kipya hali cha kumwengenia.
- ondragend - Inatukia hali ya kama mtumika amafikia hali ya kumwengenia element.
Madhefu ya kumtumika kwenye kipya:
- ondragenter - Inatukia hali ya kama element hauweziwa hali kwa kipya hali cha kumwengenia kwa kipya.
- ondragover - Inatukia hali ya kama element hauweziwa hali kwa kipya hali cha kumwengenia.
- ondragleave - Inatukia hali ya kama element hauweziwa hali kwa kipya hali cha kumwengenia kwa kipya.
- ondrop - Inatukia hali ya kama element hauweziwa hali kwa kipya hali cha kumuweka.
Kutia:Kama element hauweziwa hali, hali ya ondragover inatukia kila 350 ms.
Mifano
Kufanya JavaScript kama element hauweziwa hali:
<div ondragover="myFunction(event)"></div>
Hakika hiki chini ina mifano mingine ya TIY.
Makosa
Kwenye HTML:
<element ondragover="myScript">
Kwenye JavaScript:
object.ondragover = function(){myScript};
Kwenye JavaScript, kusaidia addEventListener() method:
object.addEventListener("dragover", myScript);
Kutia:Internet Explorer 8 au uwanavyozungumza au kipya chenye chache haliwe addEventListener() 方法。
技术细节
冒泡: | 支持 |
---|---|
可取消: | 支持 |
事件类型: | DragEvent |
支持的 HTML 标签: | 所有 HTML 元素 |
DOM 版本: | Level 3 Events |
浏览器支持
表中的数字注明了完全支持该事件的首个浏览器版本。
事件 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
更多实例
对所有可能的拖放事件的演示:
Drag me!
Drop here!