事件传播行为

news/2024/7/5 19:29:55 标签: javascript, 前端, 开发语言
<!-- 
        由内向外:事件冒泡
        由外向内: 事件捕获

        点击元素: 事件目标对象

        addEventListener的第三个参数决定了是事件捕获还是事件冒泡
           addEventListener(事件类型,事件处理函数,捕获true|冒泡false)
              => 默认冒泡false,可以不写

     -->

默认行为

<title>默认行为</title>
</head>
<body>
    <a href="http://www.baidu.com">百度</a>

    <script>
        var aEle = document.querySelector('a')
        aEle.addEventListener('click',function(e){
            e = e || window.event
            e.preventDefault() //阻止默认行为
            alert后 不跳转

            alert('超链接默认行为')
        })

自执行函数

 <!-- 
        创建函数:
           声明式
            function 函数名(){}
            函数名()
           赋值式
             var 函数名 = function(){}
             函数名()

           自执行函数
             函数定义和执行写在一起
             
             (function(){
                 //函数执行代码
             })()
             
     -->
</head>
<body>
    <script>
        
        (function(){
            console.log('自执行函数>>>>>');
        })()

http://www.niftyadmin.cn/n/1146324.html

相关文章

【软工】软件工程(五)——高内聚低耦合

一、前言 模块独立是指每个模块完成一个相对独立的特定子功能&#xff0c;并且与其他模块之间的联系简单。而衡量模块独立的标准就是&#xff1a;耦合性和内聚性。我们要做到模块间的高内聚和低耦合。 二、耦合 耦合指的是模块间的联系紧密程度。 低耦合~~ 图一 耦合非直接耦合…

番茄花园版Windows XP作者被拘留!

番茄花园美化修改版Windows XP的作者、软件下载网站番茄花园(tomatolei.com)站长洪磊的父亲19日晚22:50日(上周五)被警 方拘留审查&#xff0c;网站被关闭&#xff0c;服务器及洪磊的笔记本被警方带走&#xff0c;为洪磊提供的技术开发支持的成都红果科技有限公司也被查封。洪磊…

【IT】我是计算机系统大师(三)——高速缓存地址映射方式

一、前言 计算机系统结构是站在程序员的角度所看到的计算机数学&#xff0c;即程序员要能编写出可以在计算机上正确运行的程序必须了解概念结构和功能特性。 二、对比介绍 直接映像 图一 直接映像主存一块只能映像到Cache的一个特定块中。 1 VS 1 优点&#xff1a;地址变换…

大连市三大行业人才需求旺盛

近日&#xff0c;大连人才市场公布了上半年人才需求情况&#xff0c;装备制造、&#xff29;&#xff34;、批发与零售贸易行业成为最热门的招聘行业。其次的热门行业是&#xff1a;金融&#xff0f;保险业、教育&#xff0f;培训业、化工&#xff0f;医药制造业和房地产业、食…

arguments伪数组

// function fn(x,y){// console.log( arguments ); // 存储所有实参的集合&#xff0c;是一个伪数组// }// fn(10,20,30)function fn(x,y,z){console.log( arguments )}fn(10,20,30,40)Arguments(4) 0: 10 1: 20 2: 30 3: 40 callee: ƒ fn(x,y,z) length: 4 Symbol(Symbo…

【面向对象】设计模式总结

一、前言 设计模式是软件编程提升水平的一个重要技能&#xff0c;而且在软件攻城狮中考试里&#xff0c;也是比不可少的&#xff0c;所以小编总结了历年的软考真题&#xff0c;总结了设计模式。希望可以给您带来帮助。 二、行为型 行为型一共分为5种&#xff0c;记忆方式小编通…

软件蓝领 最有前途的职业教育方向

近日&#xff0c;中华英才网对珠三角地区1021的考生做好未来可能的发展目标&#xff0c;选最适合自己的专业、学校及最有效的学习方式等。制定职业规划首先要认清社会对人才的需求&#xff0c;关于目前社会对人才需求&#xff0c;曾供职于微软的Google大中华区总裁李开复有精辟…

this关键字与改变转向

this关键字> 表示当前对象> 1. 对象2. 根据当前使用场景决定>事件处理函数this表示事件源对象>普通函数this指向 window对象>自调用函数this -> window对象> 定时器this -> window对象> 对象方法中this -> 调用方法的引用变量指向的对象var btnE…