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 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
Mar 26 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
Vue SSR 组件加载问题
May 02 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
Oct 14 Javascript
分享15个Webpack实用的插件!!!
Mar 31 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
一个更简单的无限级分类菜单代码
2007/01/16 PHP
PHP+ACCESS 文章管理程序代码
2010/06/21 PHP
初学PHP的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
php常用字符函数实例小结
2016/12/29 PHP
Mozilla 表达式 __noSuchMethod__
2009/04/05 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
[02:56]DOTA2亚洲邀请赛 VG出场战队巡礼
2015/02/07 DOTA
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
python中__call__内置函数用法实例
2015/06/04 Python
python实现八大排序算法(1)
2017/09/14 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
Python简单爬虫导出CSV文件的实例讲解
2018/07/06 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
Python实现结构体代码实例
2020/02/10 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
Carrs Silver官网:英国著名的银器品牌
2020/08/29 全球购物
生物技术专业毕业生求职信范文
2013/12/14 职场文书
生活部的活动方案
2014/08/19 职场文书
销售辞职信范文
2015/03/02 职场文书
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python