调整窗口大小时,addEventListener不起作用

时间:2018-05-07 20:43:54

标签: javascript javascript-events addeventlistener

我在JS上使用Brackets。所以现在当我想添加一个事件监听器时,它不知何故对窗口的大小调整没有反应。

var windowWidth;
var window = window;
var document = document;

function initialise(){
    windowWidth = window.innerWidth;
    windowHeight = window.innerHeight;
    document.getElementById("na1").style.marginLeft = "10%";
    document.getElementById("na2").style.marginLeft = (windowWidth/2)- 
(document.getElementById("na2").clientWidth/2)-50+"px";
    document.getElementById("inner").style.marginLeft = windowWidth-259+"px";
}

window.addEventListener("resize",initialise);

我已经在互联网上搜索了很多,并没有找到解决方案。我甚至复制了代码进行测试,但它也没有成功。也许我怎么称呼它或者只是程序(括号)错误,我必须以另一种方式实现它?

1 个答案:

答案 0 :(得分:1)

我只是将此作为答案发布,因为我没有作为评论发布的声誉,但我确实看到了一些我建议的事情。

  • 检查控制台是否有错误。如果是的话,你可以将这些错误附加到问题吗?
  • 我建议不要指定var window = windowvar document = document(如果确实有原因,可否解释一下?)
  • 另外,做一些空检查可能会很好。完全有可能其中一个元素不存在,因此您会收到类似cannot read property 'style' of undefined
  • 的消息
  • 查看您正在操作的html
  • 会非常有帮助