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

怎么知道是哪个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>
时间： 2024-10-14 00:44:20

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

页面table的每行都有一个&lt;input type=&#39;button&#39; /&gt;,如何实现点击按钮在按钮下方弹出一个div，点击空白消失

\ <input id="test" type="button" />/*按钮*/ <div id="tanchu"></div> <script language="javascript"> $(document).ready(function(e) { $("#test").click(function(e) { $("#tanchu"

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

Js代码   <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> 为这5个DIV绑定点击事件,当点击第2个的时候弹出提示2,第4个的时候弹出提示4 <script type="text/javascript"> $(function(){ $("div").e

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

帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景:jQuery事件问题!!对象 click和document click冲突问题 我想点击某个元素显示一个对象, 点击页面任意处,隐藏这个对象 //点击look对象,显示隐藏mydiv $("#look").bind("click", function () {      $("#m

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

ie下div不可点击

<div id="div" style="width:20px;height:40px;"> </div> <script> $("#div").click(function(){     alert(1111); }); </script> 这个div在ie下点击后,点击事件不响应.在style中加一个background-image: url(/public/images/gif);"

div每点击一次 向右移动200px(带DOM动画过渡)

1 <body> 2 <div id ="box" style="width: 100px;height: 100px;background: #b2ff5b;position:absolute;left: 0;"></div> 3 <script> 4 var box = document.getElementById('box'); 5 box.addEventListener('click',function (

jquery效果，多个div，点击任何一个div，那么这个div会切换文字，变换背景颜色，再次点击其他的div ,这个div会发生刚才的变化，之前点击的div的颜色会变回来

首先css样式: /*原来的背景色*/ .bg { background:'red' } /*需要切换的背景色*/ .bg_click { background:'green' } JS: $('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').htm

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

注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 <style type="text/css"> body { background-color:#999999; } #myDiv { background-color:#FFFFFF; width:250px; height:250px; display:none; } </style> <body> <input id="btn&

2.3点击菜单显示div再点击就隐藏

事件:onclick 属性:display 利用if语句实现 <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title><meta name=&quo