📌  相关文章
📜  使用 JavaScript/jQuery 的跨浏览器窗口大小调整事件

📅  最后修改于: 2021-11-25 03:49:05             🧑  作者: Mango

resize() 方法是 jQuery 中的一个内置方法,当浏览器窗口改变其大小时会使用它。 resize() 方法会触发 resize 事件或附加一个函数以在发生 resize 事件时运行。 jQuery 有一个用于调整窗口大小事件的内置方法。

句法:

$(selector).resize(function)

此语法用于跨浏览器调整大小事件。

示例 1:此示例使用 resize() 方法来计算浏览器窗口大小调整的次数。



  

    
    

  

  
    

Window resized 0 times.

    

Try resizing your browser window.

     

输出:

  • 在调整浏览器窗口大小之前:
  • 调整浏览器窗口大小后:

您可以使用 addEventListener() 方法注册一个事件处理程序来监听浏览器窗口调整大小事件,例如 window.addEventListener(‘resize’, …)。

句法:

object.addEventListner("resize", myscript);

示例 2:此示例显示调整大小窗口的大小。



  

    
    JavaScript Window Resize Event

  

    
                   

        Note: Please resize the browser         window to see how it works.     

  

输出:

  • 在调整浏览器窗口大小之前:
  • 调整浏览器窗口大小后: