`

div onclick事件

阅读更多
div的onclick事件不会触发其内部的组件的onclick事件
div内部组件的onclick时间会触发div的onclick事件
<html>
	<body>
		<div onclick="alert('div')">
			<input type = "button" value="1" onclick="alert(1)" />
			<input type = "button" value="2" onclick="alert(2)" />
		</div>
	</body>
</html>

点击button 1,弹出 1,点击确定继续弹出div, button2一样
点击div两个button之外的区域,弹出div
分享到:
评论

相关推荐

    onclick事件实现div的隐藏和显示

    博文链接:https://qsfwy.iteye.com/blog/219184

    js动态添加的DIV中的onclick事件简单实例

    下面小编就为大家带来一篇js动态添加的DIV中的onclick事件简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    用javascript onclick时显示一个浮动的div

    用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div用javascript onclick时显示一个浮动的div

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...

    Div 制作的SELECT

    用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...

    DIV滑动门代码

    &lt;div id="myTab0_Content1" class="none"&gt;计源论坛 计源论坛&lt;/a&gt;&lt;/div&gt; &lt;div id="myTab0_Content2" class="none"&gt;计源论坛22&lt;/a&gt;&lt;/div&gt; &lt;div id="myTab0_Content3" class="none"&gt;计源论坛33&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; ...

    莱鸟介绍javascript onclick事件

    onclick事件的定义和用法: 当点击对象的时候会触发此事件。 浏览器支持: 1.IE浏览器支持此事件。 2.火狐浏览器支持此事件。 3.Opera浏览器支持此事件。 4.谷歌浏览器支持此事件。 5.safria浏览器支持此事件。 实例...

    jquery实现div上下移动

    jquery实现div上下移动 &lt;div&gt; &lt;div class="pt"&gt; ;" onclick="up(this);"&gt;上移 ;" onclick="down(this);"&gt;下移 内容一 &lt;/div&gt; &lt;div class="pt"&gt; ;" onclick="up(this);"&gt;上移 ;" onclick="down(this);"&gt;下移 ...

    JS中事件冒泡和事件捕获介绍

    谈起JavaScript的 事件,事件冒泡、事件捕获、阻止默认事件这三个话题,无论是...即建立了父子关系,当父div与子div共同加入了onclick事件时,当触发了子div的onclick事件后,子div进行相应的js操作,但是父div的onclic

    点击页面其它地方隐藏该div的两种思路

    第一种思路分两步 第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div。...

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要...

    ASP.NET里用DIV层元素弹出窗体源代码

    使用TextBox控件并挂钩OnClick事件来触发DIV弹出窗体,包括使用Listbox控件来选择数据的值 一个不使用任何常规popup窗体或者过时的Dropdownlist来完成这个功能

    JS阻止冒泡事件以及默认事件发生的简单方法

    如果是在&lt;div&gt;里面,那么呢,有一个onclick事件,&lt;div&gt;也有onclick事件,为了触发的点击事件时,不触发父元素的点击事件,那么就需要调用如下函数: 代码如下:function stopBubble(e){ if(e&&e.stopPropagation){/...

    可预览移除图片的jQuery多张图片批量上传插件代码.zip

    1、图片选择: id必须是“div_imgfile”,可以是任意元素,onclick事件触发选择对话框 2、图片预览容器:id必须是“div_imglook”的div,里面包含一个清除浮动的div 3、确定上传按钮:id必须是“btn_ImgUpStart”...

    jQuery图片批量上传插件源码

    1、图片选择: id必须是“div_imgfile”,可以是任意元素,onclick事件触发选择对话框 2、图片预览容器:id必须是“div_imglook”的div,里面包含一个清除浮动的div 3、确定上传按钮:id必须是“btn_ImgUpStart”,...

    JavaScript事件冒泡与事件捕获实例分析

    在一个对象上触发某类事件,如onclick事件等,在其祖先节点上也会依次触发该事件。 &lt;body onclick=alert&#40;'body'&#41;&gt; &lt;div xss=removed&gt; 事件冒泡 &lt;/div&gt; &lt;/body&gt; 依次输出:a、div、body ...

    可以控制多种样式的渐变弹出层

    调用方式 onclick="ChuangJianDIV('要弹出的组建ID','弹出DIV的宽','弹出DIV的高','遮蔽div的透明度','弹出div的速度','遮蔽div的背景色','弹出div的背景色');" 如:onclick="ChuangJianDIV('divID','500','300','...

    javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

    先通过一个简单例子测试并发现我说的问题,让你有个直观的印象,再接着看我的解决办法。

    利用DOM设置背景图

    a)在页面设置&lt;div&gt;元素,并使用document.querySelector ("div"),获取div元素。 b)给元素添加onclick ()单击事件。 c)处理onclick函数逻辑 d)通过style属性修改元素的背景色和宽度;

Global site tag (gtag.js) - Google Analytics