2019年8月28日
事件流
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-08-28 17:42 菜鸟小何 阅读(145) 评论(0) 推荐(0) 编辑
一连串div跟随鼠标移动
摘要： 一连串元素跟着鼠标移动 阅读全文
posted @ 2019-08-28 17:39 菜鸟小何 阅读(331) 评论(0) 推荐(0) 编辑
js模拟下拉菜单
摘要： Document 北京 北京 上海 广州 深圳 杭州 西安 ... 阅读全文
posted @ 2019-08-28 17:02 菜鸟小何 阅读(728) 评论(0) 推荐(1) 编辑
2019年8月27日
事件的绑定方式
摘要： demo 阅读全文
posted @ 2019-08-27 17:40 菜鸟小何 阅读(199) 评论(0) 推荐(0) 编辑
阻止默认时间
摘要： demo：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g 阅读全文
posted @ 2019-08-27 17:26 菜鸟小何 阅读(253) 评论(0) 推荐(0) 编辑
键盘事件
摘要： // 键盘事件加给谁？事件源是谁？ // var obox = document.querySelector(".box") // 通过事件对象的属性，得知按下的是哪个按键 document.onkeydown = function(eve){ var e = eve || window.event; if(e.keyCode =... 阅读全文
posted @ 2019-08-27 16:52 菜鸟小何 阅读(283) 评论(0) 推荐(0) 编辑
提示框跟随鼠标移动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .box{width:500px;margin: 300px auto;border: solid 1px black;position: relative;} 阅读全文
posted @ 2019-08-27 11:57 菜鸟小何 阅读(964) 评论(0) 推荐(0) 编辑
世纪经典案例之万年历
摘要： Title 1JAN 2FER 3MAR 4APR 5MAY 6JUN 7JUL 8AUG 9SEP 10OCT 11NOV 12DEC ... 阅读全文
posted @ 2019-08-27 10:52 菜鸟小何 阅读(204) 评论(0) 推荐(0) 编辑
2019年8月26日
事件冒泡
摘要： // 事件冒泡 // 当触发某个元素的某个事件时，它会先触发自己的对应事件，然后，依次向上触发所有父级的相同事件,如果中间有父级没有相同事件，继续向上触发 // IE提出的 var obox1 = document.querySelector(".box1") var obox2 = document.querySelector(".box2") var obox3 = document.quer 阅读全文
posted @ 2019-08-26 17:35 菜鸟小何 阅读(133) 评论(0) 推荐(0) 编辑
事件对象
摘要： var obox = document.querySelector(".box") obox.onclick = function(){ console.log(1) } // 事件源：obox，触发事件的源头 // 事件类型：onclick，通过什么行为触发事件 // 事件处理函数：function，触发这个行为时，要做的事情 ... 阅读全文
posted @ 2019-08-26 17:32 菜鸟小何 阅读(225) 评论(0) 推荐(0) 编辑