jquery 绑定事件 - resize() 浏览器窗口的大小发生改变
jquery 绑定事件 - resize() 浏览器窗口的大小发生改变
Devops海洋的渔夫
发布于 2019-05-30 21:54:14
发布于 2019-05-30 21:54:14
代码可运行
运行总次数：0
代码可运行
事件函数列表
blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标单击
mouseover() 鼠标进入（进入子元素也触发）
mouseout() 鼠标离开（离开子元素也触发）
mouseenter() 鼠标进入（进入子元素不触发）
mouseleave() 鼠标离开（离开子元素不触发）
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
resize() 浏览器窗口的大小发生改变
scroll() 滚动条的位置发生变化
submit() 用户递交表单resize() 浏览器窗口的大小发生改变
其实大部分resize()方法是用于响应式布局调整屏幕大小的时候进行触发处理的。
这里就不写那么复杂的事情，只写一下当浏览器窗口变化的时候，触发resize()事件看看。
编写一个当浏览器窗口大小发生变换，在document.title打印document.width()如下：
代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(window).resize(function(){
document.title = $(window).width();
})
})
</script>
<style type="text/css">
</style>
</head>
<body>
</body>
</html>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019.04.27 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
