jquery事件preventDefault()方法用法实例


Posted in Javascript onJanuary 16, 2015

本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下:

<html>

<head>

<title>jquery事件:preventDefault()方法的使用</title>

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("#myform").submit(function(e){

   if($("#search").val()==""){

    alert("搜索内容不能为空");

    e.preventDefault();

   }

  });

 });

</script>

</head>

<body>

<form action="http://www.baidu.com" method="post" id="myform">

<input type="text" size="38" id="search" /><input type="submit" value="搜索" />

</form>

</body>

</html>

补充说明:

(1)如果想获取事件的相关信息,则给匿名函数添加一个参数。例子中的e表示事件的对象。
(2)通过调用事件对象的preventDefault()方法,能够阻止默认行为的发生(如例子中的发送到http://www.baidu.com)。

另外,调用事件对象的stopPropagation()方法,能够阻止冒泡事件的发生。关于冒泡模型与捕捉模型,可参考另外一篇文章《js中的事件捕捉模型与冒泡模型实例分析》。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
javascript 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
Javascript中的方法链(Method Chaining)介绍
Mar 15 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
javascript 动态脚本添加的简单方法
Oct 11 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
jQuery老黄历完整实现方法
Jan 16 #Javascript
jquery中one()方法的用法实例
Jan 16 #Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 #Javascript
用js判断是否为360浏览器的实现代码
Jan 15 #Javascript
jquery果冻抖动效果实现方法
Jan 15 #Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 #Javascript
js实现遮罩层弹出框的方法
Jan 15 #Javascript
You might like
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
php数据库密码的找回的步骤
2011/01/12 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
[49:05]Newbee vs TNC 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python实现桌面气泡提示功能
2019/07/29 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
python add_argument()用法解析
2020/01/29 Python
pygame实现弹球游戏
2020/04/14 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
MySQL面试题目集锦
2016/04/14 面试题
文秘自荐信
2013/10/20 职场文书
个性婚礼策划方案
2014/05/17 职场文书
董事长秘书工作职责
2014/06/10 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
二年级语文上册复习计划
2015/01/19 职场文书
团代会闭幕词
2015/01/28 职场文书
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript