首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js 停止事件冒泡 阻止浏览器的默认行为

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。...浏览器默认行为: 在form中按回车键就会提交表单;单击鼠标右键就会弹出context menu. a标签 1..停止事件冒泡 JavaScript代码 1 //如果提供了事件对象,则这是一个非IE浏览器...e.stopPropagation(); 5 else 6 //否则,我们需要使用IE的方式来取消事件冒泡 7 window.event.cancelBubble = true; 8 return false; 2.阻止浏览器的默认行为...2、使用原生javaScript,在事件处理程序中返回false只会阻止浏览器默认行为,而事件冒泡依然存在。 3、浏览器默认行为和事件冒泡是相互独立的。阻止事件冒泡不会影响默认行为,反之亦然。...注意: 有一些浏览器行为是在事件处理程序执行前发生的,也就是说这些默认行为是无法取消的,如:在大部分浏览器上鼠标移到一个超链接上超链接的样式会发生改变,这个动作是发生在focus事件之前的,是focus

5.3K120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    默认绑定和行为配置

    而在实际的项目开发中,绝大部分服务或者终结点都具有相同的绑定和行为,如果能够定义一种默认的绑定和行为,这无疑会简化我们的配置。WCF4.0为此提供了一个新的特性以支持默认绑定和行为的配置。...默认行为配置和默认绑定配置的作用类似,它允许我们在配置中定义不具名的服务行为或者终结点行为。...实际上,定义在根目录下Web.config的默认服务行为会自动被子目录\Erp所继承,所以OrderService具有的服务行为是两者的“合并”,它具有的默认服务行为和下面的配置等效。...我们将定义在上级目录下默认行为配置被下级目录继承的特性称为默认行为配置的继承性。同理,所有没有显式设置具名行为的服务和终结点均会继承定义在machine.config中的默认行为。 1: <?...[WCF 4.0新特性] 默认绑定和行为配置

    667110

    如何阻止冒泡&&浏览器默认行为

    摘要 很多同学对阻止事件冒泡和阻止事件默认行为容易混淆,项目中因为一些原因也需要阻止浏览器的一些默认行为,这里就简单总结一下。...可以尝试使用return false 阻止浏览器默认行为 在开始之前,首先需要了解什么是浏览器的默认行为,我这里简单举几个例子: 点击a标签,如果设置了href会执行跳转 点击输入框,输入框会获取焦点...点击右键,会弹出浏览器右键菜单 点击submit,会提交其所在表单 点击checkbox 会选中或者反选 还有其他的很多,这里就不一一列举了 同样的对于阻止浏览器默认行为的实现也分为W3C标准实现和IE...prevented */ } 当然不是所有的事件都可以被cancel,浏览器也提供了cancelable属性来判断事件是否可以被取消,如果cancelable为false,那么便无法阻止浏览器的默认行为...console.dir(event); } } document.addEventListener('wheel', preventCancelableEvents); # 总结 阻止默认冒泡和阻止浏览器默认行为需要关注的是兼容性问题

    2.1K40

    JavaScript学习笔记024-默认行为0滚轮事件

    -- 网页主干:可视化区域 --> /* 默认行为: 浏览器自带的默认事件 当需要自定义这些行为的时候,就需要干掉默认行为 */ // 阻止默认行为 event.preventDefault...(e.wheelDetail > 0){ console.log("向前滚动"); } else { console.log("向后滚动"); } }, true); // 第三个参数,true(阻止默认行为...),默认为false(不阻止默认行为) function mousewheel(dom, cb, bool){ /* 滚轮方向: e.wheelDetail 正值向前 负值向后 */ var type...(e){ e = e || window.event; // 统一滚轮事件的方向 e.wheelDetail = e.wheelDelta / 120 || e.detail / -3; // 判断默认行为...bool){ // 阻止默认行为 if (e.preventDefault){ e.preventDefault(); } else { event.returnValue = false; } }

    75820

    js new Date() 默认是8点

    惊讶的发现,-分割的字符串,被默认解析到了8点,而/分割的字符串,默认解析到了0点。这么说来,我之前有点多次一举了,直接讲-替换成/就可以了啊。 探究 那么为什么默认是8点呢?...那我就可以这样理解了,创建时间时,它默认时间确实是0点,但是是以GMT为基准的,所以将其转换成本地时间就是8点。而/分割的字符串在创建时,则是以本地时区为基准。...那么为什么js会对不同分割的时间字符串进行不同处理呢?貌似是因为-分隔且具有前导0的日期字符串,会被解析成ISO格式的字符串,以GMT时区为基准,不过我也没看懂。...@param dateStr * 时间字符串 */ function getDate(dateStr){ /* 若日期是使用-分割的,全部转换成/ 因为只有日期时,js

    8.9K30

    JS魔法堂:IMG元素加载行为详解

    一、前言                               在《JS魔法堂:jsDeferred源码剖析》中我们了解到img元素加载失败可以作为函数异步执行的优化方案,本文打算对img元素的加载行为进行更深入的探讨...readyState属性 ,用于表示IMG元素当前的资源装载状态,默认值为"uninitialized",onload事件触发后变为"complete"(onload事件处理函数运行时,readyState...默认为false,,onload事件触发后变为true(onload事件处理函数运行时,readyState依然为false)。 src属性 ,用于指定资源位置URI。...而不同的浏览器对不同的URI支持程度和行为均有所差异。关于URI的资讯可以参考:URI Scheme、Uniform resource identifier。...image.png 由上述统计数据可知,在Chrome、FF和IE中行为比较同一的是加载无效DataURI Scheme。延时也比较短且稳定。因此jsDeffered采用此方式来为异步执行提速!

    2.8K60

    js解构赋值如何定义默认值?

    在JavaScript中,我们可以在解构赋值语句中定义默认值。这就意味着,如果我们试图解构一个不存在的属性,或者属性值为undefined,那么我们可以为这个属性定义一个默认值。...下面是一些例子来说明如何在解构赋值中定义默认值: 对象解构赋值: const { a = 10, b = 5 } = { a: 3 }; console.log(a); // 3 console.log...但是属性b在我们的对象中并不存在,所以我们使用了默认值5。...但是第二个元素在我们的数组中并不存在,所以我们使用了默认值5。 这样,当我们在解构对象或数组时,可以确保我们总是得到一个值,即使该值在原始数据结构中并不存在。...在函数中,可以使用默认参数给变量分配默认值: function userInfo({ name, age = 18 }) { console.log(name); console.log

    62910

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券