jQuery事件--- event.preventDefault() 取消点击动作的默认导航行为

event.preventDefault()

描述: 如果调用这个方法，默认事件行为将不再触发。

  • event.preventDefault()   //这个方法不接受任何参数。

例如，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了。

帮助文档：http://www.w3school.com.cn/jquery/jquery_ref_events.asp

jQuery API 中文文档: http://www.css88.com/jqapi-1.9/event.preventDefault/

Event事件：https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

时间： 2025-01-15 16:19:54

jQuery事件--- event.preventDefault() 取消点击动作的默认导航行为的相关文章

阻止默认事件event.preventDefault();

阻止浏览器默认事件.什么是默认事件,例如浏览器默认右键菜单.a标签默认连接跳转...,如何阻止呢? Firefox中,event必须作为参数传入.  IE中,event是window对象的属性. event.preventDefault();方法用于取消默认事件,但是不兼容IE,在IE下,要用event.returnValue=false;来处理. document.oncontextmenu=function (ev) { var oEvent=ev||event; if (oEvent.pr

关于submit被event.preventDefault()取消后恢复默认事件的问题

今天做项目的时候第二次遇到这个坑了,所以记下来以免再遇到.由于项目里面表单验证用的是一个js插件,不知道怎么回事导致表单的提交事件被禁用掉了,结果我调了半天,最后终于解决了.哈哈 ,不废话了,开始说方法. $("#searchForm").attr("action", "/lease/BulkExport");            $("#searchForm").unbind("submit");//恢

阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false  : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代

关于js中return false、event.preventDefault()和event.stopPropagation()

在平时项目中,如果遇到需要阻止浏览器默认行为,大家经常会用return false;和event.preventDefault()来阻止,但对它俩的区别还是有些一知半解,于是看了文档,查了些资料,在此总结下它俩的区别,顺便带上event.stopPropagation()一起区分下. 一.原生js中: 关于return false和preventDefault: 在W3C Document Object Model Events Specification1.3版本中提到过: The Event

jQuery 事件用法详解

jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展. 在这里我会介绍 jquery 事件的一些比较基础的用法. 实现原理 jquery 事件脱胎于浏览器的 addEventListener (W3) 和 attac

深入学习jQuery事件对象

× 目录 [1]获取 [2]事件类型 [3]事件目标[4]当前元素[5]事件冒泡[6]默认行为[7]命名空间[8]返回值 前面的话 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.所有浏览器都支持event对象,但支持方式不同.jQuery在遵循W3C规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各个浏览器下都可以正常运行而不需要进行浏览器类型判断,本文将详细介绍jQuery事件对象 获取 对于DOM事件对象来说,标准浏览器和IE8-

jquery事件绑定的几种用法

常见的事件绑定的几种方法 主要有on(),bind(),live(),delegate(),随着版本的不断更新,live(),bind(),delegate()被相继弃用.live():1.7版本之后被弃用bind().delegate():3.0版本之后被弃用虽然在3.0之后的版本中有bind和delegate在,但在具体的实现上还是调用的on() bind: function( types, data, fn ) { return this.on( types, null, data, fn

(92)Wangdao.com_第二十五天_事件 Event

1. 事件 Event 事件的本质是: 程序各个组成部分之间的一种通信方式,也是 异步编程 的一种实现 DOM 的事件操作 分为: 监听 和 触发        都定义在 EventTarget 接口____ 所有节点对象都部署了 EventTarget 接口,其他一些需要事件通信的浏览器内置对象(比如,XMLHttpRequest.AudioNode.AudioContext)也部署了这个接口. .addEventListener();        绑定事件的监听函数 .removeEven

Vue event.stopPropagation()和event.preventDefault()的使用

定义和用法 1. event.stopPropagation()方法 阻止事件冒泡到父元素,阻止任何父事件处理程序被执行,但是它的默认事件仍然会执行.当调用这个方法的时候,如果点击了一个链接(a标签),这个链接仍然会打开. 2. event.preventDefault()方法 阻止元素发生默认的行为.调用此方法链接(a标签)不会被打开,但是会冒泡到父元素上. 例如: (1). 当点击提交按钮时阻止对表单的提交 (2). 阻止 URL 的链接(意思是如果点击一个a标签,浏览器不会跳到新的 URL