2019年8月28日
事件委托
摘要： Document link1 link2 link3 link4 link5 阅读全文
posted @ 2019-08-28 17:56 菜鸟小何 阅读(216) 评论(0) 推荐(0)
事件流
摘要： <!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 菜鸟小何 阅读(162) 评论(0) 推荐(0)
一连串div跟随鼠标移动
摘要： 一连串元素跟着鼠标移动 阅读全文
posted @ 2019-08-28 17:39 菜鸟小何 阅读(341) 评论(0) 推荐(0)
js模拟下拉菜单
摘要： Document 北京 北京 上海 广州 深圳 杭州 西安 ... 阅读全文
posted @ 2019-08-28 17:02 菜鸟小何 阅读(736) 评论(0) 推荐(1)
2019年8月27日
事件的绑定方式
摘要： demo 阅读全文
posted @ 2019-08-27 17:40 菜鸟小何 阅读(207) 评论(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 菜鸟小何 阅读(277) 评论(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 菜鸟小何 阅读(294) 评论(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 菜鸟小何 阅读(978) 评论(0) 推荐(0)
世纪经典案例之万年历
摘要： Title 1JAN 2FER 3MAR 4APR 5MAY 6JUN 7JUL 8AUG 9SEP 10OCT 11NOV 12DEC ... 阅读全文
posted @ 2019-08-27 10:52 菜鸟小何 阅读(221) 评论(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 菜鸟小何 阅读(141) 评论(0) 推荐(0)