事件
stop 停止 阻止冒泡e.stopPropagation() 阻止默认事件e.preventDefault 事件的两种触发类型 冒泡 捕获 默认冒泡(false) 冒泡:事件触发由最小的元素先触发,然后逐级向上,告诉父亲元素 捕获:事件触发由最大的元素先触发,然后逐级向下,告诉子元素 常用事件 oncontextMenu 右键菜单 鼠标滚动 onmousewheel wheelDelta 向下- 向上+ 鼠标拖放 开始拖动ondragstart 拖放在元素上面ondragover 拖放松开ondrop 鼠标点击 onclick 双击 ondbclick 鼠标经过onmouseover 鼠标离开onmouseout 键盘 按下onkeydown 弹起onkeyup 键盘按下 onkeypress 窗口 滚动onscroll 调整大小onresize 加载onload onunload 卸载 事件参数 target 目标 srcElement事件元素 clientX相对视口的偏移 offsetX相对当前元素的偏移 pageX相当于页面的偏移 wheelDelta 鼠标滚动值(判断方向) keyCode键盘值 是哪个键被按下了 stopPropagation()阻止事件冒泡 preventDefault()阻止默认事件 拖动事件的参数 dataTransfer数据传递器 setDate(k,,v)设置传输数据 getDate(k)获取传输数据 表单 onchange表单发生改变 onblur 失去焦点 onfocus获取焦点 onsubmit 提交 事件的绑定 1html标签 <div onclick=""function()> </div> 2script DOM1级 el.onclick=function(e){}匿名 el.onclick=fun;函数名式 function fun(){} 3.script DOM2 el.addEventListener("click",function(){}) el.addEventListener("click",fun); function fun(){} 本地存储 cookie 小甜点 1 保存在客户端的小量数据(2k) 2有时间限制 会过期 3 服务器端可以修改 浏览器端(前端)也可以修改 4 每次发送HTTP请求都会携带cookie 名称=值 name= value; 过期时间=日期 ;expires=d; 访问路径=路径 ;path=/; 类型隐式转换布尔值 定义:当非布尔类型的数据要参与布尔运算时候会被自动换行为布尔 数字 0 为false 非0 为true 字符串 空 为false 非空 为true undefined 转为false null 转换为false 数组 都会被转换为true 函数的参数有形参,没有实参 运行的时候 值为undefined 转布尔为false localStorage 本地存储 sessionStorage会话 Item 一项
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...