jQuery阻止冒泡和HTML默认操作

1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。

2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解:

       条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包含的关系。        事件:现在我们都在这两个元素上绑定相同的事件,比如click事件。        结果:这时,当我们点击内层的P标签的时候,内层元素的click事件触发,同时外层DIV的click事件也会触发。 3:在HTML中有的元素被定义了一些默认的属性,比如说A元素,这个元素就是我们平时使用的超链接标签,这个标签的默认属性是实现页面的跳转。 4:在jQuery的每一个事件中都会有一个默认的对象作为该事件的参数(但是必须显示地被指定),这个对象就是event对象,它包含了一些属性和方法,用于不同的场合。如下:        $('p:first').click(function(event){           //event对象可以使用了         }); 5:有时我们不希望冒泡或默认的事件发生,这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。       A:return false --->In event handler ,prevents default behavior and event bubbing 。          return false 在事件的处理中,可以阻止默认事件和冒泡事件。       B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。          event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。       C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).          event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。   代码如:

$('input:submit').click(function(){return false;//去掉试试效果
})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程坑太多

事件对象的使用、属性和方法

1193
来自专栏IT 指南者专栏

前端系列之CSS基础知识概述

1、什么是DIV (1)、div就是html一个普通标签,进行区域划分。div特性:独自占一行。独自不能实现复杂效果。必须结合css样式进行渲染。 (2)、d...

38211
来自专栏LIN_ZONE

js 画布与图片的相互转化(canvas与img)

//将图片对象转化为画布,返回画布 function ImageToCanvas(image) { var canvas = document.createE...

1572
来自专栏流媒体

Android View measure解读

1103
来自专栏HTML5学堂

关于行、块元素的讲解以及HTML5元素的分类

继上周我们讲解了所有常用的CSS选择器以及CSS选择器的优先级。到目前为止,你是不是觉得静态页面布局简单了很多,而不是单单使用类名选择器(虽然很好用)来操作了。...

4177
来自专栏落花落雨不落叶

关于Html与css的一些解释

30612
来自专栏小狼的世界

如何让高度、宽度不定的容器保持水平、垂直居中

这个题目似乎解决的办法很多,JS是最能够确保各种浏览器中一致性的,但是仍然可以使用CSS的方式来解决。这个问题分解为两个方面,第一解决左右居中的问题,第二解决上...

1042
来自专栏HenCoder

HenCoder Android 自定义 View 1-5: 绘制顺序

之前的内容在这里: HenCoder Android 开发进阶 自定义 View 1-1 绘制基础 HenCoder Android 开发进阶 自定义 View...

1193
来自专栏前端说吧

小程序 - 效果处理之技巧合集(更新中...)

4869
来自专栏Java后端技术

细谈CSS布局方式

  [2].浮动布局方式:通过设置html的float属性显示,值:none不浮动、left对象向左浮动,而后面的内容流向对象的右侧、right对象向右浮动,而...

1032

扫码关注云+社区