文档章节

dom 中事件

芥末小弟
 芥末小弟
发布于 2017/03/01 09:54
字数 130
阅读 4
收藏 0

阻止表单提交:

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

© 著作权归作者所有

共有 人打赏支持
芥末小弟
粉丝 0
博文 202
码字总数 120715
作品 0
昌平
理解:javascript中DOM0,DOM2,DOM3级事件模型

理解:javascript中DOM0,DOM2,DOM3级事件模型 javascript中的事件 javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听...

mamadu
2017/10/13
0
0
深入JavaScript事件处理

[toc] 事件:是文档或浏览器窗口中发生的特定的交互瞬间。 1. 事件流 指的是:从页面中接受事件的顺序。分为:事件冒泡流和事件捕获流。 事件冒泡: 事件捕获: 1.1 到底选择哪种 目前来说,...

AsuraDong
2017/11/19
0
0
如何优雅的封装一个DOM事件库

1、DOM0级事件和DOM2级事件 DOM 0级事件是元素内的一个私有属性:div.onclick = function () {},对一个私有属性赋值(在该事件上绑定一个方法)。由此可知DOM 0级事件只能给元素的某一个行为绑...

余大彬
08/11
0
0
html5知识点:DOM编程

DOM是Document Object Model的缩写,中文名称是文档对象模型。 DOM是处理HTML页面的标准编程接口,DOM可被JavaScript用来读取、改变HTML的内容和结构。 前端三大件指HTML、CSS、JavaScript,...

汪秦凯
2017/11/20
0
0
javascript中DOM0,DOM2,DOM3级事件模型解析

DOM 即 文档对象模型。 文档对象模型是一种与编程语言及平台无关的API(Application programming Interface)借助于它程序能够动态地访问和修改文档内容、结构或显示样式。 DOM3级顾名思义有三...

木头先生
2017/11/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

异步化,高并发大杀器

今天来聊聊如何让项目异步化的一些事。 在进入正文之前,顺便给大家推荐一个Java架构方面的交流学习群:698581634,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分...

Java大蜗牛
12分钟前
0
0
织梦dedecms安全设置

网站本身做好防范: 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/admi...

雨季2014
13分钟前
0
0
完美Python入门基础知识点总结,看完你的Python就完全入门了!

Python标识符 在 Python 里,标识符有字母、数字、下划线组成。 在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。 Python 中的标识符是区分大小写的。 以下划线...

糖宝lsh
19分钟前
0
0
Java关于前后台传输中文乱码以及Excel下载乱码解决

针对乱码,一般情况是前后台以及中间件编码格式不同导致.故需要保证编码格式相同即可. 1.前台页面格式指定,这里用的是jsp,故需要将pageEncoding指定为"UTF-8" 2.指定服务器编码格式,比如用的t...

勤奋的蚂蚁
21分钟前
0
0
Flutter组件 - Flexible

Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。 Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平方向,Column在垂直方向),但是...

一箭落旄头
24分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部