网页拖拽上传文件区域边上的一圈范围提示是怎么实现的?

比如要拖拽到某个区域,拖动文件的过程中,该区域会变换颜色或者边缘变得明显,我想知道这是 js 实现的还是说有 css 的实现方法?

因为我在 chrome 工具里在拖动的过程中没有看到 class 或是其他样式的修改,我就想是不是 css 3 中有相关的属性?

已邀请:

sxzhustar

赞同来自:

https://developer.mozilla.org/en-US/docs/Web/Reference/Events/drag

drag
dragstart
dragend
dragover
dragenter
dragleave
drop

在以上事件中绑定DOM操作或者CSS处理,自然就有反应了。

aaron0412

赞同来自:

dragenter和dragleave事件。

百度图片搜索的相应JS:

o.prototype = {
    init: function() {
    var t = this, e = t.addEvent, i = t.content;
    t.initdisplay(),
    e(document, "dragenter", function() {
        t.point.style.display = "none", t.displayst(), t.draghp.style.display = ""
    }), e(i, "dragenter", function(t) {
        t.stopPropagation(), t.preventDefault()
    }), e(i, "dragover", function(t) {
        t.stopPropagation(), t.preventDefault()
    }), e(i, "drop", function(e) {
    })
}

至今没看到不借用JS的实现,又或者LZ给个url来扒一扒?

要回复问题请先登录注册