以跨浏览器兼容的方式触发onresize

本文介绍了以跨浏览器兼容的方式触发onresize的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想从后面的C＃代码触发onresize事件。我认为这可以通过

I would like to trigger the onresize event from my C# code behind. I think this can be done with

Page.clientScript.RegisterScriptBlock(this.getType(), "id", "javascript code");

我已经尝试过element.onresize（），但在firefox中似乎不起作用。触发类似于以下jQuery的onresize事件的正确方法是什么？

I have tried element.onresize() but it doesnt seem to work in firefox. What is the correct way to trigger an onresize event similar to the following jQuery?

$("body").trigger("resize");

使用jQuery本身不是一个选项。

Using jQuery itself isn't an option.

推荐答案

这应该是诀窍，，不知道这是否适用于IE6，怪癖模式仍然没有关于这个东西的信息： p>

This should do the trick, DOM Level 2, no idea whether this works in IE6, quirks mode still has no information on this stuff:

if (document.createEvent) {
    var e = document.createEvent('HTMLEvents');
    e.initEvent('resize', true, false);
    document.body.dispatchEvent(e);

} else if (document.createEventObject) {
    document.body.fireEvent('onresize');
}

在FF，Chrome和Opera中测试。

Tested in FF, Chrome and Opera.

这篇关于以跨浏览器兼容的方式触发onresize的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！