- 点击html网页的任何空白处触发事件(但是有个bug,点击文本框元素和点击document事件会重叠/重合)
-
点击html网页的任何空白处触发事件(但是有个bug,点击文本框元素和点击document事件会重叠/重合)
怎么解决事件重叠/重合的问题？我自己想了2种办法，好像都不太好
直接po截图和代码
源代码如下：<html> <head> <title>点击网页的任何地方都会弹出网站正在维护升级中</title> <meta name="keywords" content="onload事件" /> <meta name="description" content="onload用法" /> <script type="text/javascript"> document.onclick = function() { alert("网站正在维护升级中....."); } </script> </head> <body> <h1>点击网页的任何地方都会弹出网站正在维护升级中</h1> <pre> 点击网页的任何地方都会弹出网站正在维护升级中这句话,但是有个bug,点击文本框元 素和点击document事件会重叠/重合，以后有时间再处理这个bug吧，大家也可 以自己先动脑筋想一想怎么解决这个bug 办法1： 取消网页中所有元素的onclick事件,可以写一个递 归，循环遍历网页中的所有的元素，代 码是document.getElementById("元素id").onclick = function(){}; 办法2：判断一下事件的来源，触发是来自于网页中的元素还是来自于网页的空白处 </pre> 籍贯:<input type="text" value="江西省赣州市于都县" onclick="alert(this.value);"/> </body> </html>
这个应该是事件冒泡的原因吧 document 是其他文本框或者点击事件的父级 在点击子元素是 会出现事件冒泡的现象 阻止冒泡的方法很多 自己百度看看吧
-
- qq_22847605 回复lay500: 那嵌套层最里面中采用return false;不用事件那个方法
- 11 个月之前 回复
嗯，应该是事件冒泡，类似于下面这样
<div class="box" onclick="boxClick()">
点击div
<p onclick="pClick()">点击p</p>
</div>
<script>
function pClick(ev){
var oEvent = ev || event;
alert('222');
oEvent.stopPropagation();
}
function boxClick(){
alert('333');
}
</script>
籍贯:<input type="text" value="江西省赣州市于都县" onclick="alert(this.value); event.stopPropagation();"/>
- 其他相关推荐
- 在中国程序员是青春饭吗？
- 今年，我也32了 ，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。 目录： 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的： 等真到了那一天，你会发现，你的人生很可能是这样的： ...
- 程序员请照顾好自己，周末病魔差点一套带走我。
- 程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。
- 卸载 x 雷某度！GitHub 标星 1.5w+，从此我只用这款全能高速下载工具！
- 作者 | Rocky0429 来源 | Python空间 大家好，我是 Rocky0429，一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱，下载的方式也同样千奇百怪，比如 BT 下载，磁力链接，网盘资源等等等等，下个资源可真不容易，不一样的方式要用不同的下载软件，因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼，某度网盘几十 kb 的下载速度让我...
- 20道你必须要背会的微服务面试题，面试一定会被问到
- 写在前面： 在学习springcloud之前大家一定要先了解下，常见的面试题有那块，然后我们带着问题去学习这个微服务技术，那么就会更加理解springcloud技术。如果你已经学了springcloud，那么在准备面试的时候，一定要看看看这些面试题。 文章目录1、什么是微服务？2、微服务之间是如何通讯的？3、springcloud 与dubbo有哪些区别？4、请谈谈对SpringBoot 和S...
- 讲真，这两个IDE插件，可以让你写出质量杠杠的代码
- 周末躺在床上看《拯救大兵瑞恩》 周末在闲逛的时候，发现了两个优秀的 IDE 插件，据说可以提高代码的质量，我就安装了一下，试了试以后发现，确实很不错，就推荐给大家。 01、Alibaba Java 代码规范插件 《阿里巴巴 Java 开发手册》，相信大家都不会感到陌生，其 IDEA 插件的下载次数据说达到了 80 万次，我今天又贡献了一次。嘿嘿。 该项目的插件地址： https://github....
- 为什么猝死的都是程序员，基本上不见产品经理猝死呢？
- 相信大家时不时听到程序员猝死的消息，但是基本上听不到产品经理猝死的消息，这是为什么呢？ 我们先百度搜一下：程序员猝死，出现将近700多万条搜索结果： 搜索一下：产品经理猝死，只有400万条的搜索结果，从搜索结果数量上来看，程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍，而且从下图可以看到，首页里面的五条搜索结果，其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大，并不是错...
- 毕业5年，我问遍了身边的大佬，总结了他们的学习方法
- 我问了身边10个大佬，总结了他们的学习方法，原来成功都是有迹可循的。
- 推荐10个堪称神器的学习网站
- 每天都会收到很多读者的私信，问我：“二哥，有什么推荐的学习网站吗？最近很浮躁，手头的一些网站都看烦了，想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦，梦到被老板辞退了。虽然说在我们公司，只有我辞退老板的份，没有老板辞退我这一说，但是还是被吓得 4 点多都起来了。（主要是因为我掌握着公司所有的核心源码，哈哈哈） 既然 4 点多起来，就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站，推...
- 这些软件太强了，Windows必装！尤其程序员！
- Windows可谓是大多数人的生产力工具，集娱乐办公于一体，虽然在程序员这个群体中都说苹果是信仰，但是大部分不都是从Windows过来的，而且现在依然有很多的程序员用Windows。 所以，今天我就把我私藏的Windows必装的软件分享给大家，如果有一个你没有用过甚至没有听过，那你就赚了????，这可都是提升你幸福感的高效率生产力工具哦！ 走起！???? NO、1 ScreenToGif 屏幕，摄像头和白板...
- 大学四年因为知道了这32个网站，我成了别人眼中的大神！
- 依稀记得，毕业那天，我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”，哎呀，别提当时多开心啦????，嗯，我们导员是所有导员中最帅的一个，真的???? 不过，导员说的是实话，很多人都叫我大神的，为啥，因为我知道这32个网站啊，你说强不强????，这次是绝对的干货，看好啦，走起来！ PS：每个网站都是学计算机混互联网必须知道的，真的牛杯，我就不过多介绍了，大家自行探索，觉得没用的，尽管留言吐槽吧???? 社...
- 有网友说：2020年还不懂Spring就放弃Java吧？
- 前言 Spring这个词对于开发者想必不会陌生，可能你每天都在使用Spring，享受着Spring生态提供的服务，理所当然的用着SpringIOC和SpringAOP去实现老板交给你的功能 ，唔 它就是这样使用的（类声明为Bean组件，然后注入），没错 能完成老板任务，没毛病。如果向你提问什么是Spring，Spring有什么核心功能呢，你会想：这太简单了，Spring就是框架嘛，Spring核...
- 良心推荐，我珍藏的一些Chrome插件
- 上次搬家的时候，发了一个朋友圈，附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多，于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家，随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件，由于支持 Markdown 直接转电子邮...
- 看完这篇HTTP，跟面试官扯皮就没问题了
- 我是一名程序员，我的主要编程语言是 Java，我更是一名 Web 开发人员，所以我必须要了解 HTTP，所以本篇文章就来带你从 HTTP 入门到进阶，看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前，我们的电脑都是单机的，单机系统是孤立的，我还记得 05 年前那会儿家里有个电脑，想打电脑游戏还得两个人在一个电脑上玩儿，及其不方便。我就想为什么家里人不让上网，我的同学 xxx 家里有网，每...
- 2020 年，大火的 Python 和 JavaScript 是否会被取而代之？
- Python 和 JavaScript 是目前最火的两大编程语言，但是2020 年，什么编程语言将会取而代之呢？ 作者 |Richard Kenneth Eng 译者 |明明如月，责编 | 郭芮 出品 | CSDN（ID：CSDNnews） 以下为译文： Python 和 JavaScript 是目前最火的两大编程语言。然而，他们不可能永远屹立不倒。最终，必将像其他编程语言一...
- 史上最全的IDEA快捷键总结
- 现在Idea成了主流开发工具，这篇博客对其使用的快捷键做了总结，希望对大家的开发工作有所帮助。
- 阿里程序员写了一个新手都写不出的低级bug，被骂惨了。
- 这种新手都不会范的错，居然被一个工作好几年的小伙子写出来，差点被当场开除了。
- 谁是华为扫地僧？
- 是的，华为也有扫地僧！2020年2月11-12日，“养在深闺人不知”的华为2012实验室扫地僧们，将在华为开发者大会2020（Cloud）上，和大家见面。到时，你可以和扫地僧们，吃一个洋...
- 没用过这些 IDEA 插件？怪不得写代码头疼
- 使用插件，可以提高开发效率。对于开发人员很有帮助。这篇博客介绍了IDEA中最常用的一些插件。
- AI 没让人类失业，搞 AI 的人先失业了
- 最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败，被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下，把消息分享给群里。 阿杰也看了消息，笑了笑。在座几位也都笑了。 王葱葱是个有名的人物，21岁那年以全额奖学金进入 KMU 攻读人工智能博士，累计发表论文 40 余篇，个人技术博客更是成为深度学习领域内风向标。 ...
- 最全最强！世界大学计算机专业排名总结！
- 我正在参与CSDN200进20，希望得到您的支持，扫码续投票5次。感谢您！ （为表示感谢，您投票后私信我，我把我总结的人工智能手推笔记和思维导图发送给您，感谢！） 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名（Academic Ranking of World Universities） 泰晤士高等教育世界大学排名 中国共...
- 《java面试宝典》三 类初始化和类实例化顺序
- 前言： 社长,4年api搬运工程师,之前做的都是一些框架的搬运工作,做的时间越长,越发感觉自己技术越菜,有同感的社友,可以在下方留言。现侧重于java底层学习和算法结构学习,希望自己能改变这种现状。 为什么大厂面试,更侧重于java原理底层的提问，因为通过底层的提问,他能看出一个人的学习能力,看看这个人的可培养潜力。随着springboot的流行,大部分的开发,起步就是springboot。也...
- 一份王者荣耀的英雄数据报告
- 咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章，从数据的获取到数据清洗，数据落地，都是为了本篇的铺垫。今天来实现一下，看看不同维度得到的结论。2环境准备本次实...
- 工作十年的数据分析师被炒，没有方向，你根本躲不过中年危机
- 2020年刚刚开始，就意味着离职潮高峰的到来，我身边就有不少人拿着年终奖离职了，而最让我感到意外的，是一位工作十年的数据分析师也离职了，不同于别人的主动辞职，他是被公司炒掉的。 很多人都说数据分析是个好饭碗，工作不累薪资高、入门简单又好学。然而今年34的他，却真正尝到了中年危机的滋味，平时也有不少人都会私信问我： 数据分析师也有中年危机吗？跟程序员一样是吃青春饭的吗？该怎么保证自己不被公司淘汰...
- 作为一名大学生，如何在B站上快乐的学习？
- B站是个宝，谁用谁知道???? 作为一名大学生，你必须掌握的一项能力就是自学能力，很多看起来很牛X的人，你可以了解下，人家私底下一定是花大量的时间自学的，你可能会说，我也想学习啊，可是嘞，该学习啥嘞，不怕告诉你，互联网时代，最不缺的就是学习资源，最宝贵的是啥？ 你可能会说是时间，不，不是时间，而是你的注意力，懂了吧！ 那么，你说学习资源多，我咋不知道，那今天我就告诉你一个你必须知道的学习的地方，人称...
- 那些年，我们信了课本里的那些鬼话
- 教材永远都是有错误的，从小学到大学，我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里，有很多是错误文章，或者说是假课文。像《斑羚飞渡》： 随着镰刀头羊的那声吼叫，整个斑羚群迅速分成两拨，老年斑羚为一拨，年轻斑羚为一拨。 就在这时，我看见，从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声，一只半大的斑羚应声走了出来。一老一少走到伤心崖，后退了几步，突...
- 张朝阳回应迟到 1 分钟罚 500：资本家就得剥削员工
- loonggg读完需要2分钟速读仅需 1 分钟大家我，我是你们的校长。前几天，搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单，就是搜狐出了“考勤新规”。一封搜狐对员工发布...
- 一个程序在计算机中是如何运行的？超级干货！！！
- 强烈声明：本文很干，请自备茶水！???? 开门见山，咱不说废话！ 你有没有想过，你写的程序，是如何在计算机中运行的吗？比如我们搞Java的，肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
- 【蘑菇街技术部年会】程序员与女神共舞，鼻血再次没止住。（文末内推）
- 蘑菇街技术部的年会，别开生面，一样全是美女。
- 那个在阿里养猪的工程师，5年了……
- 简介： 在阿里，走过1825天，没有趴下，依旧斗志满满，被称为“五年陈”。他们会被授予一枚戒指，过程就叫做“授戒仪式”。今天，咱们听听阿里的那些“五年陈”们的故事。 下一个五年，猪圈见！ 我就是那个在养猪场里敲代码的工程师，一年多前我和20位工程师去了四川的猪场，出发前总架构师慷慨激昂的说：同学们，中国的养猪产业将因为我们而改变。但到了猪场，发现根本不是那么回事：要个WIFI，没有；...
- 为什么程序猿都不愿意去外包？
- 分享外包的组织架构，盈利模式，亲身经历，以及根据一些外包朋友的反馈，写了这篇文章 ，希望对正在找工作的老铁有所帮助
- Java校招入职华为，半年后我跑路了
- 何来 我，一个双非本科弟弟，有幸在 19 届的秋招中得到前东家华为（以下简称 hw）的赏识，当时秋招签订就业协议，说是入了某 java bg，之后一系列组织架构调整原因等等让人无法理解的神操作，最终毕业前夕，被通知调往其他 bg 做嵌入式开发（纯 C 语言）。 由于已至于校招末尾，之前拿到的其他 offer 又无法再收回，一时感到无力回天，只得默默接受。 毕业后，直接入职开始了嵌入式苦旅，由于从未...
- 世界上有哪些代码量很少，但很牛逼很经典的算法或项目案例？
- 点击上方蓝字设为星标下面开始今天的学习～今天分享四个代码量很少，但很牛逼很经典的算法或项目案例。1、no code 项目地址：https://github.com/kelseyhight...
- 作为 IT 从业人员，你觉得有什么工具大大提高了你的工作效率？
- 目录 前言： 1. 禅道 2. Jenkins 3. sonarqube 4.showdoc 5.swgger 6.分布式配置中心apollo 7. appscan 8.项目开发文档流程化归档 9.MybatisX 快速开发插件 前言： 社长,4年api搬运工程师，现打算沉下心来，花一年时间，好好了解底层源码，结构与算法，有兴趣的...
- Python全栈 Linux基础之3.Linux常用命令
- Linux对文件（包括目录）有很多常用命令，可以加快开发效率：ls是列出当前目录下的文件列表，选项有-a、-l、-h，还可以使用通配符；c功能是跳转目录，可以使用相对路径和绝对路径；mkdir命令创建一个新的目录，有-p选项，rm删除文件或目录，有-f、-r选项；cp用于复制文件，有-i、-r选项，tree命令可以将目录结构显示出来（树状显示），有-d选项，mv用来移动文件/目录，有-i选项；cat查看文件内容，more分屏显示文件内容，grep搜索内容；>、>>将执行结果重定向到一个文件；|用于管道输出。
- 两年前不知如何编写代码的我，现在是一名人工智能工程师
- 全文共3526字，预计学习时长11分钟 图源：Unsplash 经常有小伙伴私信给小芯，我没有编程基础，不会写代码，如何进入AI行业呢？还能赶上AI浪潮吗？ 任何时候努力都不算晚。 下面，小芯就给大家讲一个朋友的真实故事，希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。（下文以第一人称叙述） 图源：Unsplash 正如Elsa所说，职业转换是...
- 强烈推荐10本程序员必读的书
- 很遗憾，这个春节注定是刻骨铭心的，新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们，尤其值得我们的尊敬。而我们这些窝在家里的程序员，能不外出就不外出，就是对社会做出的最大的贡献。 有些读者私下问我，窝了几天，有点颓丧，能否推荐几本书在家里看看。我花了一天的时间，挑选了 10 本我最喜欢的书，你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力，还可以对未来充满希望，毕竟苦难终将会...
- Python实战：抓肺炎疫情实时数据，画2019-nCoV疫情地图
- 今天，群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者，国家重点实验室成员，于不惑之年学习python，实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据，也没有画过类似的数据分布图。于是就拿了两个小时，专门研究了一下，遂成此文。
- 作为一个程序员，内存的这些硬核知识你必须懂！
- 我们之前讲过CPU，也说了CPU和内存的那点事儿，今天咱就再来说说有关内存，作为一个程序员，你必须要懂的哪那些硬核知识！ 大白话聊一聊，很重要！ 先来大白话的跟大家聊一聊，我们这里说的内存啊，其实就是说的我们电脑里面的内存条，所以嘞，内存就是内存条，数据要放在这上面才能被cpu读取从而做运算，还有硬盘，就是电脑中的C盘啥的，一个程序需要运行的话需要向内存申请一块独立的内存空间，这个程序本身是存放在...
- 非典逼出了淘宝和京东，新冠病毒能够逼出什么？
- loonggg读完需要5分钟速读仅需 2 分钟大家好，我是你们的校长。我知道大家在家里都憋坏了，大家可能相对于封闭在家里“坐月子”，更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
- 牛逼！一行代码居然能解决这么多曾经困扰我半天的算法题
- 春节假期这么长，干啥最好？当然是折腾一些算法题了，下面给大家讲几道一行代码就能解决的算法题，当然，我相信这些算法题你都做过，不过就算做过，也是可以看一看滴，毕竟，你当初大概率不是一行代码解决的。 学会了一行代码解决，以后遇到面试官问起的话，就可以装逼了。 一、2 的幂次方 问题描述：判断一个整数 n 是否为 2 的幂次方 对于这道题，常规操作是不断这把这个数除以 2，然后判断是否有余数，直到 ...
- Spring框架|JdbcTemplate介绍
- 文章目录一、JdbcTemplate 概述二、创建对象的源码分析三、JdbcTemplate操作数据库 一、JdbcTemplate 概述 在之前的web学习中，学习了手动封装JDBCtemplate，其好处是通过(sql语句+参数)模板化了编程。而真正的JDBCtemplete类，是Spring框架为我们写好的。 它是 Spring 框架中提供的一个对象，是对原始 Jdbc API 对象的简单...
- 谁说程序员不懂浪漫——我的C语言结婚请柬（附源码）
- 前言：但行好事，莫问前程——《增广贤文》 从上学起开始学C++,后面也做过H5，现在做Android。无论是学习用的，还是工作用的，上百个软件不止。但最另我骄傲的是，我用程序烂漫了一把。 用C++语言，利用WIN32框架写一个结婚请柬，文末附源码和使用方法，大家可以自行修改，记得帮我点赞哦。 点开程序，你的电脑像中毒一般，漫天的樱花从屏幕上方，伴随着歌声《今天你要嫁给我》，缓缓落下。 ...
- 统一延长复工，带薪休假，几十万中小微企业面临的困境
- 在前几天我发了一篇关于各公司放假表《互联网公司复工时间表出炉，有的放假到3月15日》，总体来看， 2月3日-2月7日在家办公，2月10日复工成了绝大多数互联网公司的主流选择。 今天也是绝大多数公司复工前的最后一天了，小胖因为目前属于创业阶段，所以也不分休不休假，已经开始上班3天了，今天是第4天。那趁着这时间，给大家说道说道“延迟复工对企业的影响有多大”。 我不是资本家，当然不会一味主张“唯工作论”...
- 为什么说程序员做外包没前途？
- 之前做过不到3个月的外包，2020的第一天就被释放了，2019年还剩1天，我从外包公司离职了。我就谈谈我个人的看法吧。首先我们定义一下什么是有前途 稳定的工作环境 不错的收入 能够在项目中不断提升自己的技能（ps：非技术上的认知也算） 找下家的时候能找到一份工资更高的工作 如果你目前还年轻，但高不成低不就，只有外包offer，那请往下看。 外包公司你应该...
- B 站上有哪些很好的学习资源?
- 哇说起B站，在小九眼里就是宝藏般的存在，放年假宅在家时一天刷6、7个小时不在话下，更别提今年的跨年晚会，我简直是跪着看完的！！ 最早大家聚在在B站是为了追番，再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频，最近两年我和周围的朋友们已经把B站当作学习教室了，而且学习成本还免费，真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ﾉ 下面我们就来盘点一下B站上优质的学习资源： 综合类 Oeasy： 综合...
- 终于！疫情之下，第一批企业没能熬住面临倒闭，员工被遣散，没能等来春暖花开！
- 先来看一个图： 这个春节，我同所有人一样，不仅密切关注这次新型肺炎，还同时关注行业趋势和企业。在家憋了半个月，我选择给自己看书充电。因为在疫情之后，行业竞争会更加加剧，必须做好未雨绸缪，时刻保持充电。 看了今年的情况，突然想到大佬往年经典语录： 马云：未来无业可就，无工可打，无商可务 李彦宏：人工智能时代，有些专业将被淘汰，还没毕业就失业 马化腾：未来3年将大洗牌，迎21世界以来最大失业潮 王...
- 昂，我24岁了
- 24岁的程序员，还在未来迷茫，不知道能不能买得起房子
- 作为程序员的我，大学四年一直自学，全靠这些实用工具和学习网站！
- 我本人因为高中沉迷于爱情，导致学业荒废，后来高考，毫无疑问进入了一所普普通通的大学，实在惭愧???? 我又是那么好强，现在学历不行，没办法改变的事情了，所以，进入大学开始，我就下定决心，一定要让自己掌握更多的技能，尤其选择了计算机这个行业，一定要多学习技术。 在进入大学学习不久后，我就认清了一个现实：我这个大学的整体教学质量和学习风气，真的一言难尽，懂的人自然知道怎么回事？ 怎么办？我该如何更好的提升自...
