十二、阻止默认事件 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 190 | 时长 ≈ 1 分钟十二、阻止默认事件有些标签在点击或者有其他操作的时候,会有一些默认的行为。比如:submit 会默认提交表单a 标签如果有href属性,会跳转页面页面出现滚动条的时候,当我们滚动鼠标滚轮时,滚动条的位置将被改变………这些都叫做默认行为、事件在高级浏览器中阻止默认事件的方式:1e.preventDef ...阅读全文 »
十一、阻止冒泡 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 46 | 时长 ≈ 1 分钟十一、阻止冒泡在高级浏览器中阻止冒泡的方式:1e.stopPropagation();在IE中阻止冒泡的方式:1e.cancelBubble = true;同时要兼容IE:1var e = e || window.event;阅读全文 »
十、拖拽模型 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 282 | 时长 ≈ 1 分钟十、拖拽模型123456789#box { width: 100px; height: 100px; background-color: red; /* 因为是要拖拽,改变的是元素的定位值,所以要绝对定位 */ position: absolute; l ...阅读全文 »
九、事件对象和属性 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 624 | 时长 ≈ 2 分钟九、事件对象和属性当函数执行的时候,会产生一系列的信息,浏览器会将这些信息收集起来并封装成对象,传递到事件对象中。举例:1234567// 获取元素var box = document.getElementById("box");// 绑定事件 box.onclick = function(e ...阅读全文 »
八、事件绑定函数 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 168 | 时长 ≈ 1 分钟八、事件绑定函数12345678910111213141516171819function bindEvent(dom, type, fn){ // 使用能力检测,检测浏览器支持哪种能力 // 能力检测就是利用:当一个元素读取一个属性的时候,如果能读取到,那么就输出,如果属性不 ...阅读全文 »
七、移除事件 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 360 | 时长 ≈ 1 分钟title: 七、移除事件abbrlink: 9af7d3f8date: 2020-05-08 21:26:32copyright: true # 开启版权声明七、移除事件其实现在大部分浏览器都支持:一旦给一个元素添加了id,相当于给window添加了一个属性一般在测试的时候可以使用但是在开发的时候 ...阅读全文 »
六、attachEvent和dom2级绑定方式的区别 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 175 | 时长 ≈ 1 分钟六、attachEvent和dom2级绑定方式的区别6.1 绑定数量dom0级:只可以给一个元素的一个事件绑定一个函数attachEvent:可以绑定多个事件函数6.2 执行顺序优先执行dom0级事件,然后再逆序执行attachEvent事件12345678910111213box.attachEv ...阅读全文 »
五、dom2级绑定方式和dom0级绑定方式的区别 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 117 | 时长 ≈ 1 分钟五、dom2级绑定方式和dom0级绑定方式的区别5.1 绑定数量dom0级:只可以给一个元素的一个事件绑定一个函数dom2级:可以给一个元素的一个事件绑定多个函数5.2 执行顺序按照绑定的顺序执行5.3 是否可以同时存在可以5.4 函数中的this指向dom0级和dom2级函数中的this指向都指向 ...阅读全文 »
四、IE中的高级绑定方式 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 107 | 时长 ≈ 1 分钟四、IE中的高级绑定方式IE不支持addEventListener,而是支持自己的attachEvent事件使用方式:dom.attachEvent(type,fn)type:字符串,表示事件类型 注意:是带“on” 比如:onclick,onmousedown,onmouseupfn:表示要执行的 ...阅读全文 »
三、dom2级绑定方式 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 286 | 时长 ≈ 1 分钟三、dom2级绑定方式dom 0级:document.onclick = function () {} 是绑定在冒泡阶段dom 1级:延续dom 1级,没有做任何改变dom2级绑定方式:事件名称:addEventLitener这是一个方法,每一个元素都可以调用使用方式:dom.addEventLis ...阅读全文 »