jQuery阻止默认行为

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <title>阻止默认行为</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            var $btn = $("#btn");
            $btn.bind(‘click‘,function(e){
                var username = $("#username").val();//获取元素的值
                if(username == ‘‘){//判断是否为空
                    $("#show").html(‘<p>用户名不能为空</p>‘);//提示信息
                    e.preventDefault();//阻止默认行为（表单提交）
                }
            })
        })
    </script>
</head>
<body>
<form action="test.html">
    用户名：<input type="text" id="username" />
    <input type="submit" value="提交" id="btn" />
</form>
<div id="show"></div>
</body>
</html>

时间： 2024-10-03 22:54:04

jQuery阻止默认行为的相关文章

javascript, jQuery阻止默认事件和冒泡事件

事件冒泡(event bubbling) 事件冒泡是指一个元素上的事件被触发,然后这个事件按嵌套顺序在父级元素上触发,直至document根节点. 例如: <!DOCTYPE html> <html> <head> <title>Event Bubbling Example</title> </head> <body> <div id="myDiv">Click Me</div>

js阻止冒泡在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容. 复制代码代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高.把这个属性设置为 fasle, //可以取消发生事件的源元素的默认动作. //window.event?e.returnValue = false:e.preventDefault(); window.ev

jQuery阻止冒泡和HTML默认操作

jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发. 2:在当今的各个浏览器中都支持事件的冒泡,所谓的冒泡可以这样理解: 条件:外层有一个DIV元素,在内层有一个P元素,他两存在这样的关系:DIV是P元素的父元素,而P是外层DIV的子元素,他们之间存在包含和被包

jQuery 中的事件冒泡和阻止默认行为

1.事件冒泡: 当点击内部 <span> 元素时,会触发自身及外层 <div> 和 <body> 的点击事件,这就是事件冒泡引起的.事件会随着 DOM 的层次结构依次向上传播. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(

Jquery 事件冒泡以及阻止默认事件

1.e.preventDefault()阻止事件默认行为 e.preventDefault();----根据英文意思,如:<a href="http://i.cnblogs.com/EditPosts.aspx?opt=1" id="xx">xx</a> $("#xx").click(function(e){ alert("xxx");e.preventDefault();}); ----------

jQuery之阻止默认事件以及解除阻止

大家都知道e.preventDefault()可以阻止默认时间,例如提交功能,但是怎么解除呢?以下参考于网络: 可以使用removeEventListener来移除.但是条件是addEventListener不能用匿名,匿名的移除不了. var a = function (e) { e.preventDefault(); } document.addEventListener(……,a,……); document.removeEventListener(……,a,……);

【JavaScript】事件冒泡及使用jQuery阻止

(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件). 当事件在

阻止默认事件

阻止默认事件的代码是什么样子的呢? $("a").click(function(event){ event.preventDefault(); }); 类似于这种但是这个是jquery的写法 js的和这个一样最重要的是函数中加了一个event 然后 event.preventDefault(); 这行代码那么他们有什么用呢看上边代码中你就知道如果你的body中有一个a标签并且你的a标签是有链接的那么这个时候你就会发现无法跳转对就是无法

js 事件冒泡是什么如何用jquery阻止事件冒泡

什么是事件起泡:一个事件不能凭空产生,这就是事件的发生等等,接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证,感兴趣的朋友可以参考下哈 (1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生. 当事件发生后,这个事件就要开始传播.为什么要传播呢?因为事件源本身并没有处理事件的能力.例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个