阻止表单提交：

function aa(){

        return false;

    }

    function bb(event){

        event.preventDefault();

    }

事件不再派发：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

    <div id="one" style="width: 300px; height: 200px; border: 1px solid red;">

        <div>div2</div>

        <div name="two">div3</div>

        <div id="three"

            style="width: 100px; height: 50px; border: 1px solid green;">div4</div>

        <div id="four">div5</div>

    </div>

    <div>div6</div>

</body>

<script type="text/javascript">

    document.getElementById("one").onclick=function(){

        alert("11");

    }

    var three = document.getElementById("three");

    /* one.onclick = function() {

        alert("22");

    }

    three.onclick = function() {

        alert("44");

    } */

    three.onclick = function(event) {

        alert("44");

        event.stopPropagation();

    } ;

</script>

</html>




//DHTML  技术  Dynamic  HTML   动态html技术     整合了html  css  js  dom




												


											
dom  中事件的更多相关文章
	

    
						
  1. DOM中事件绑定补充方法
		
    先将上一篇文章中提到的为元素增加事件的方法和移除事件的方法拿过来: <span style="font-size:18px;">//跨浏览器添加事件 function  ...
    
		
    2. 
								
  2. DOM中的事件对象
		
    三.事件对象事件对象event1.DOM中的事件对象(1).type:获取事件类型(2).target:事件目标(3).stopPropagation() 阻止事件冒泡(4).preventDefau ...
    
		
    3. 
						
  3. js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象
		
    事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对 ...
    
		
    4. 
						
  4. AngularJS中的DOM与事件
		
      前 言 AngularJS中的DOM与事件   AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令.  ng-disabled="true/false" ...
    
		
    5. 
						
  5. DOM中的事件对象和IE事件对象
		
    DOM中的事件对象 IE事件对象 属性/方法 类型 读/写 说明 属性/方法 类型 读/写 说明  bubles Boolean 只读  表明事件是否冒泡  cancleBubble Boolean  ...
    
		
    6. 
						
  6. DOM中的事件傳播機制
		
    要講到事件傳播機制之前,首先要瞭解的是 什麼是事件? 事件,發生在靜態頁面與動態行為之間的交互行為.是JavaScript 和 HTML的交互是通过事件实现的.比如,按鈕的點擊,鼠標的滑過,鍵盤的輸入 ...
    
		
    7. 
						
  7. BOM DOM Event事件笔记....
		
    js//获取文件标题 document.body //body document.title //网页标题 document.doctype//文档对象 document.url//路径 //服务器相 ...
    
		
    8. 
						
  8. jquery技巧之让任何组件都支持类似DOM的事件管理
		
    本文介绍一个jquery的小技巧,能让任意组件对象都能支持类似DOM的事件管理,也就是说除了派发事件,添加或删除事件监听器,还能支持事件冒泡,阻止事件默认行为等等.在jquery的帮助下,使用这个方法 ...
    
		
    9. 
						
  9. DOM中的事件处理概览与原理的全面剖析
		
    事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信,DOM支持大量的事件: 本文通过这几点向大家详细解析事件处理的基本原理:事件类型.事件目标.事件处理程序.事件对象.事件传播 最后再向 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. java.lang.IllegalStateException: getWriter() has already been called for this response问题解决
			
    java.lang.IllegalStateException: getWriter() has already been called for this response问题解决 java.lang ...
    
			
    2. 
						
  2. bootstrap fileinput添加上传成功回调事件
			
    国外牛人做的bootstrap fileinput挺酷的,但是可惜没有提供自定义上传成功回调事件的接口,因此感到非常头疼,但是很幸运的是,我在网上搜索到一个提问帖子,它问到使用Jquery的on函数绑 ...
    
			
    3. 
						
  3. BZOJ-1878     HH的项链      树状数组+莫队（离线处理）
			
    1878: [SDOI2009]HH的项链 Time Limit: 4 Sec Memory Limit: 64 MB Submit: 2701 Solved: 1355 [Submit][Statu ...
    
			
    4. 
						
  4. BZOJ-1192  鬼谷子的钱袋    2^n有关数论
			
    1192: [HNOI2006]鬼谷子的钱袋 Time Limit: 10 Sec Memory Limit: 162 MB Submit: 2473 Solved: 1806 [Submit][St ...
    
			
    5. 
						
  5. Maven学习笔记-03-Eclipse下maven项目在Tomcat7和Jetty6中部署调试
			
    现在最新的Eclipse Luna Release 已经内置了Maven插件,这让我们的工作简洁了不少,只要把项目直接导入就可以,不用考虑插件什么的问题,但是导入之后的项目既可以部署在Tomcat也可 ...
    
			
    6. 
						
  6. while循环问题（老师询问问题，学生回答。学生会了可以放学，或者老师讲了10遍，还是没有会的，被迫无奈也要放学。）
			
    string a=""; ;//声明一个变量,老师重新讲课的次数. && a != "yes") { Console.WriteLine(&qu ...
    
			
    7. 
						
  7. 也谈闭包--小白的JS进阶之路
			
    JavaScript当然是会用的,不过没有深入系统的学习罢了.平常还是用JQuery比较多,原生的JS用到的很少. 不过前端时间学习Ruby,被动态语言的强大和魔幻给震惊了一把.了解Ruby后,我把目 ...
    
			
    8. 
						
  8. 自定义cell的步骤（每个cell的高度不一样，每个cell里面显示的内容也不一样）
			
    1.新建一个继承自UITableViewCell的子类  2. 在initWithStyle:方法中进行子控件的初始化 1> 将有可能显示的所有子控件都添加到contentView中 2> ...
    
			
    9. 
						
  9. VMWare提供了三种工作模式上网
			
    VMWare提供了三种工作模式,它们是bridged(桥接模式).NAT(网络地址转换模式)和host-only(主机模式).要想在网络管理和维护中合理应用它们,你就应该先了解一下这三种工作模式. 1 ...
    
			
    10. 
						
  10. Visual Studio Online Integrations-Testing
			
    原文:http://www.visualstudio.com/zh-cn/explore/vso-integrations-directory-vs
    
			
    11.