chichi0002

2022年9月20日

摘要： window 对象的常见事件-[页面/窗口加载事件、调整窗口大小事件] 1.窗口加载事件 (1) window.onload = function() {} 或者 window.addEventListener("load",function() {}); window.onload是窗口(页面)加阅读全文

posted @ 2022-09-20 10:02 chichi0002 阅读(243) 评论(0) 推荐(0) 编辑

BOM 概述

摘要： BOM 概述 1.什么是BOM BOM ( Browser Object Model )即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。 BOM由系列相关的对象构成,組每个对象都提供了很多方法与属性。 BOM缺乏标准, JavaScript语法的标准化组织阅读全文

posted @ 2022-09-20 09:42 chichi0002 阅读(102) 评论(0) 推荐(0) 编辑

2022年9月19日

案例：模拟京东快递单号查询（当我们在文本框输入内容时，文本框上面自动显示大号字的内容）

摘要：案例：模拟京东快递单号查询（当我们在文本框输入内容时，文本框上面自动显示大号字的内容）案例分析：快递单号输入内容时，上面的大号字体盒子（con）显示（这里的字号更大）表单检验用户输入：给表单添加键盘事件同时把快递单号里面的值（value）获取过来赋值给con盒子（innerText）作为内容阅读全文

posted @ 2022-09-19 21:33 chichi0002 阅读(178) 评论(0) 推荐(0) 编辑

案例：模拟京东按键输入内容（当我们按下 s 键，光标就定位到搜索框）

摘要：案例：模拟京东按键输入内容（当我们按下 s 键，光标就定位到搜索框）案例分析：核心思路：检测用户是否按下了 s 键，如果按下了 s 键，就把光标定位到搜索框里面使用键盘事件对象里面的keyCode判断用户按下的是否是 s 键搜索框获得焦点：使用 js 里面的 focus( )方法阅读全文

posted @ 2022-09-19 20:16 chichi0002 阅读(183) 评论(0) 推荐(0) 编辑

JS高级事件-键盘事件

摘要： JS高级事件-键盘事件 1.常用键盘事件注意：如果使用addEventListener 不需要加 on onkeypress 和前面两个的区别是，他不识别功能键，比如左右箭头、shift等。三个事件的执行顺序是：keydown-- keypress--keyup 2.键盘事件对象 | 键盘事件阅读全文

posted @ 2022-09-19 19:57 chichi0002 阅读(28) 评论(0) 推荐(0) 编辑

2022年9月18日

案例：跟随鼠标的天使

摘要：案例：跟随鼠标的天使案例分析： 1.鼠标不断地移动，使用鼠标移动事件：mousemove 2.在页面中移动，给document注册事件 3.图片要移动距离，而且不占位置，我们使用绝对定位即可 4.核心原理：每次鼠标移动，我们都会获得最新的鼠标坐标，把这个x和y坐标作为图片的top和left值就可以阅读全文

posted @ 2022-09-18 22:16 chichi0002 阅读(23) 评论(0) 推荐(0) 编辑

高级事件-鼠标事件(鼠标相对于浏览器窗口可视区、文档页面的坐标、鼠标各种触发事件)

摘要：高级事件-鼠标事件鼠标事件：鼠标事件对象：阅读全文

posted @ 2022-09-18 21:48 chichi0002 阅读(14) 评论(0) 推荐(0) 编辑

高级事件-事件委托

摘要：高级事件-事件委托事件委托也称为事件代替，在jQuery里面称为事件委派。原理：不是每个子节点单独设置事件监听器，而是将事件监听器设置在父节点上，然后利用冒泡原理影响设置每个子节点。作用：我们只操作了一次DOM，提高了程序的性能。 ==案例== 给ul 注册点击事件，然后利用事件对象的ta 阅读全文

posted @ 2022-09-18 21:36 chichi0002 阅读(20) 评论(0) 推荐(0) 编辑

e.target 和 this 区别、阻止默认事件、阻止冒泡事件

摘要： e.target 和 this 区别、阻止默认事件、阻止冒泡事件 1.e.target 和 this 区别事件对象的常见属性和方法 2.返回事件类型 3.阻止默认事件 4.阻止冒泡阻止事件冒泡兼容性解决方案阅读全文

posted @ 2022-09-18 21:19 chichi0002 阅读(30) 评论(0) 推荐(0) 编辑

高级事件-事件对象

摘要：高级事件-事件对象 1.事件对象 eventTarget.onclick = function(event){} eventTarget.addEventListener('click',function(event){}) //这个 event 就是事件对象，我们还喜欢写成 e 或者 evt 官方阅读全文

posted @ 2022-09-18 20:45 chichi0002 阅读(25) 评论(0) 推荐(0) 编辑

公告