为什么ondragover在jQuery插件中不起作用？

Question

我遵循了有关使用javascript制作文件上传器的教程，并且可以正常使用，因此我认为将它作为jQuery插件会更好，以便可以在页面的不同元素上使用它。 因此，我开始将代码移植到我的插件上，并遇到了问题。

通常，您可以使用jQuery和javascript，但是由于某些原因ondragover在我的插件中无法正常工作。

;(function($) {
    "use strict";
    $.fn.asiLoader = function() {
        var base=$(this);

        base.ondragover=function(){
                alert('test');
                return false;
        }
        return base;
    }
})(jQuery);

我知道我可以用

base.on("dragover", function(e) {
   alert('test');
     e.preventDefault(); 
     e.stopPropagation();
});

相反，它可以工作并且与jQuery是等效的，但是我想知道为什么javascript无法正常工作吗？

Answer 1

base=$(this)是一个jQuery对象，而jQuery对象没有.dragover属性，但是DOM对象具有。

Answer 2

我认为你应该使用

base.dragover(function(){})