没有jQuery的jQuery.bind和.trigger

Question

我想做相同的事情：

$(window).bind('resize', function () {
    myResizeFunction();
}).trigger('resize');

没有jquery。

原因是。这是我的javascript库中使用jquery的唯一代码部分。

如果我只使用这一个命令，我认为不包括jquery。

注意：为了澄清，我希望myResizeFunction每次调整broswer时都会运行。首选跨浏览器解决方案！

感谢：）

Answer 1

只需使用此

即可

<script>
var resizeMe = function() {
    myResizeFunction();
}

resizeMe();
</script>

用窗口的resize事件挂钩

window.onresize = resizeMe

Answer 2

据我所知，jQuery只是使用window.onresize。

window.onresize = function() {
    //stuff
};

对于你的情况：

window.onresize = myResizeFunction;
myResizeFunction();

Answer 3

// binding event
if(window.addEventListener)window.addEventListener("resize",myResizeFunction,false);
else if(window.attachEvent)window.attachEvent("onresize",myResizeFunction);
// trigger event handler
myResizeFunction();

它不完全等同于jQuery .bind和.trigger，但它是resize事件的有效主要用途