怎么知道是哪个div被点击了

不在div中加onclick等事件调用函数 ，用事件监听函数，但是如果div中的div被点击了，addEventListener得到了两个监听事件，我想点击div里的div，但是不想得到外面的div事件 ，请问怎么区分呢？
 
链接：https://zhidao.baidu.com/question/583904667.html

 

majinxiao2010 | 浏览 1366 次

推荐于2016-09-17 18:58:35 最佳答案
 
在里面的div的事件里最后加一句return false;就可以了。

贴一个jquery代码<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><title></title><meta name="viewport" content="width=device-width, initial-scale=1.0"><script type="text/javascript" src="../jquery/jquery.min.js"></script>//写你自己的jquery路径<script type="text/javascript">$(document).ready(function(){

	$("#big").click(function(){		alert("big");	});	$("#small").click(function(){		alert("small");

	return false;	});});</script></head><body><div id="big" style="width:300px;height:200px;background:red"><div id="small" style="width:200px;height:100px;background:green"></div><div></body></html>

怎么知道是哪个div被点击了的更多相关文章

  1. 点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

    点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 <style type="tex ...

  2. Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件

    <div>1</div> <div>2</div> <div>3</div> <div>4</div> ...

  3. tab，tabCon里放很多div，点击左右滑动一个。可根据初始化清除空的tabCon。

    效果如上,左右箭头点击,相应左右滑动一个功能菜单的长度,点击BTN2时若所有功能菜单没溢出就不显示箭头不允许左右滑动. 可根据初始化功能菜单的个数,判断.若某个tabCon没有内容,则删除相应tabC ...

  4. 部分iphone手机上的div的点击事件无效

    最近在做一个手机移动端的项目,Andrio手机和部分iphone手机上点击事件都是好的,只有在老的型号上的iphone手机上点击事件无效果. 后来在网上查了很多资料,发现有加样式cursor:poin ...

  5. JQ 点击指定文本框显示div。点击其他区域隐藏DIV

    <input id="username" type="text" style="width:90%;margin-top: 40px;" ...

  6. 点击div和某些控件之外的地方隐藏div，点击div不隐藏。对象 click和document click冲突有关问题

    帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景:jQuery事件问题! ...

  7. 一个大div里面包裹一个小div,里面的小div的点击事件不触发外面的这个大div的点击事件

    一开始上html代码 <div id="div1" style="background: blue;width: 100px; height: 100px;&quo ...

  8. JS向右弹出DIV，点击可向左隐藏。我用jquery可以从左下角像右上角隐藏，怎么从做向右隐藏呢？

    弹出的DIV如果是绝对定位,就用right固定位子,如果不是就用float:right:Jquery中有个函数animate是自定义动画效果,$("#shou").click(fu ...

  9. （单选后，显示相对应的div）点击免费没有变化，点击收费出现输入框

    <li> <label class="feiyonglabel">活动费用</label> <div class="textbo ...

随机推荐

  1. redis系统和通用函数

    construct函数: 用来创建一个redis客户端. redis = new Redis(); connect函数:连接到一个redis实例. 参数如下:   host:字符串类型 可以使一个HO ...

  2. vue 实战问题－watch 数组或者对象

    1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console. ...

  3. Java工具：native2ascii ---得到中文对应的ASCII编码

    如国际化中,要得到“提交”对应的ASCII编码:

  4. oracle用plsql登陆出错,提示ORA-12170:TNS:链接超时 --------关闭防火墙试试

    oracle用plsql登陆出错,提示ORA-12170:TNS:链接超时 但是使用sqlplus可以连接 ping 本机127.0.0.1 显示一般故障 后关闭防火墙,问题解决. ps:登录时使用@ ...

  5. Redis(1):入门

    在Linux下安装redis: wget http://download.redis.io/redis-stable.tar.gz tax xzf redis-stable.tar.gz  cd re ...

  6. SQL Server讲义

    今天上班都在搞猫商品详情页的实现,回到家还在想,琅琊榜也看完了,没事做了,最近也想了解下MongoDb就复习了下大学老师当时SQL Server的讲义(真经),看了一遍还算有印象.虽然现在大部分都用O ...

  7. 转换json和字符串的一些方法

    将字符串转换成json对象的方法: var str = '{"name1":"value1","name2":"value2&qu ...

  8. 删除弹出提示框_MVC

    <td> @Ajax.ActionLink(@shared.Delete, "DeleteServicetag", new { id = item.ID }, new ...

  9. Cheatsheet: 2017 07.01 ~ 07.31

    Other 8 Key Application Performance Metrics & How to Measure Them The Code Review: The Most Impo ...

  10. [编程] C语言Linux系统编程-等待终止的子进程（僵死进程）

    1.等待终止的子进程(僵死进程): 如果一个子进程在父进程之前结束,内核会把子进程设置为一个特殊的状态,处于这种状态的进程称为僵死进程 当父进程获取了子进程的信息后,子进程才会消失. pid_t wa ...