`
单刀刑天
  • 浏览: 40174 次
文章分类
社区版块
存档分类
最新评论

onresize 事件会在窗口或框架被调整大小时发生

阅读更多

定义和用法

onresize 事件会在窗口或框架被调整大小时发生。

语法

onresize="SomeJavaScriptCode"
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

<a>, <address>, <b>, <big>, <blockquote>, <body>, <button>, <cite>, <code>, 
<dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <frame>, <h1> to <h6>,
<hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, 
<pre>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, 
<textarea>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

window

实例

在本例中,当用户试图调整窗口的大小时,将显示一个对话框:

<body onresize="alert('You have changed the size of the window')">
</body>
分享到:
评论

相关推荐

    浅谈javascript属性onresize

    最后,文档的结尾处提到了onresize事件会在窗口或框架被调整大小时发生。这句话说明了onresize事件是与窗口大小的调整紧密相关,而不仅仅是在页面加载完成时触发。它对于开发动态网页和适应不同设备屏幕的响应式设计...

    浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法

    `onLoad`确保在框架内容加载完成后执行,而`onResize`则会在窗口大小改变时触发。这样,你可以为每个框架定义一个处理函数来调整内部元素的尺寸。例如: ```html ()" onResize="frameResize()"&gt; ``` 然后在对应的`...

    move-and-resize.rar_窗口大小

    例如,在`OnMouseDown`、`OnMouseMove`和`OnMouseUp`事件中处理拖动,而在`OnResize`事件中处理大小调整。压缩包中的`Unit1.pas`很可能是包含这些事件处理逻辑的源代码文件,`Unit1.dfm`则是对应Form的界面设计文件...

    C#联合Halcon编程,实现图片的平移缩放以及控件自适应窗口大小的功能

    当用户放大或缩小窗口时,我们可以根据窗口的新尺寸动态调整PictureBox的大小,从而实现图像的等比例缩放。此外,Halcon还提供了一些高级的图像缩放算法,如插值算法,可以在缩放过程中保持图像质量。 控件自适应...

    react-window-resize-listener:触发窗口调整大小事件时,此React组件可用于执行一些任务

    React窗口调整大小侦听器触发窗口调整大小事件时,此React组件可用于执行某些任务。演示与范例要在本地构建示例,请运行: npm installnpm start然后在浏览器中打开 。安装使用react-window-resize-listener的最简单...

    js事件详解-0-1-2级模型.pdf

    - onresize:窗口或框架被重新调整大小时的事件 - onscroll:元素滚动时的事件 - onstop:用户停止下载事件 - oncontextmenu:用户尝试打开上下文菜单时的事件 - onunload:文档卸载时的事件 - onblur:元素...

    winform窗口自适应

    在Windows Forms(Winform)开发中,"winform窗口自适应"是指应用程序的窗口能够根据宿主设备或屏幕尺寸的变化自动调整其大小和布局,从而提供更好的用户体验。C#是.NET框架下常用的编程语言,用于创建Winform应用...

    等比例缩放控件 控件随窗口变化而变化

    在UI设计中,这意味着当窗口的宽度和高度发生改变时,控件会按照相同的比例进行缩放,避免了因窗口大小变化导致的控件失真或布局混乱。 实现等比例缩放控件的方法通常涉及到布局管理器、约束或者自定义绘图代码。在...

    Delphi根据窗体大小自动缩放控件..rar

    开发者可以自定义TForm的OnResize事件处理器,在窗体尺寸改变时动态调整控件的位置和大小。通过在事件处理器中计算新的控件坐标和尺寸,可以实现完全定制的缩放行为。 4. **使用 Anchors 和 Align 属性**: 控件...

    Delphi4的窗口融合技术.rar

    6. 动态布局:窗口融合往往涉及动态改变窗口大小和位置,因此需要编写响应窗口改变大小(OnResize)事件的代码,保证界面元素在不同尺寸下都能正常显示。 7. 组合控件:Delphi中的TWinControl类可以作为容器,包含...

    js事件大全.docx

    14. onresize:当窗口或框架的大小被调整时触发,常用于响应式设计和动态布局调整。 15. onselect:当用户选择文本时触发,可用于获取选中文本或实现自定义复制功能。 16. onsubmit:当用户提交表单时触发,可以...

    HTML表单事件大全

    - **`onDatasetChanged`**、**`onDatasetComplete`**:这些事件分别在数据集发生变化或完全加载完成时触发。 - **`onRowEnter`**、**`onRowExit`**:当数据行进入或退出视图时触发。 - **`onRowsDelete`**、**`...

    JAVASCRIPT事件[借鉴].pdf

    22. `onResize`: 浏览器窗口大小改变时触发,用于调整布局或元素尺寸。 23. `onSelect`: 用户选中文本时触发,常用于处理剪贴板操作。 24. `onScroll`: 页面滚动时触发,可以用于平滑滚动或其他滚动相关的效果。 25....

    Event 对象的使用方法

    18. `onresize`:窗口或框架被调整大小时触发。 19. `onselect`:文本被选择时触发。 20. `onsubmit`:表单提交时触发。 21. `onunload`:用户离开页面时触发。 Event对象还包含了一些描述鼠标和键盘状态的属性,...

    HTML DOM 事件.pdf

    - **`onresize`**:窗口或框架被重新调整大小时触发。常用于响应式设计中的布局调整。 - **`onscroll`**:当文档被滚动时发生的事件。可用于实现无限滚动、懒加载等功能。 - **`onunload`**:用户退出页面时触发。...

    JS全部事件整理汇总

    - **onResize**:在窗口大小变化时自动调整布局,实现响应式设计。 #### 四、总结 JavaScript中的事件机制为开发者提供了丰富的交互方式,通过合理利用这些事件,可以使网站更加生动有趣且易于使用。本文列举了...

    CSharpResizeControl.rar

    在C#编程中,开发人员经常需要创建用户界面(UI),其中控件的布局和大小应根据窗口的尺寸动态调整。这种自适应性是提高用户体验的关键因素,因为它确保了无论在什么屏幕分辨率或窗口大小下,应用都能保持良好的...

    EasyUI防止window框拖拽出边界js代码

    然而,当用户尝试将窗口拖动到屏幕边界之外时,可能会导致窗口部分超出屏幕范围,使得部分内容不可见或无法交互,这会严重影响用户体验。为了解决这个问题,我们需要编写特定的 JavaScript 代码来限制 `window` ...

    window对象集合

    Window对象支持多种与用户交互相关的事件,例如`onload`在页面加载完成后触发,`onunload`在页面即将卸载时触发,`onfocus`和`onblur`分别对应元素获取或失去焦点的事件,`onresize`则在窗口大小变化时触发。...

    winform C# 窗体仿酷狗关闭特效,拉伸,动画效果

    在该事件处理程序中,根据新的窗口尺寸调整控件的位置和大小,确保它们在窗口缩放时仍能正确显示。可以使用布局控件如`TableLayoutPanel`或`FlowLayoutPanel`来简化这个过程,这些控件会自动调整子控件的布局。 ...

Global site tag (gtag.js) - Google Analytics