jQuery Event.preventDefault() 函数详解
来源:互联网 发布:网络电视机盒 编辑:程序博客网 时间:2024/05/20 23:38
preventDefault()
函数用于阻止当前触发事件的默认行为。
在HTML文档中,当我们触发某些DOM元素的特定事件时,可以执行该元素的默认行为。比如链接的click
事件:当我们点击一个链接时,就会跳转到指定的URL。再比如:<form>表单元素的submit
事件,当我们触发表单的提交事件时,就可以提交当前表单。
使用preventDefault()
函数可以阻止该元素的默认行为。
该函数属于jQuery的Event对象。
语法
eventObject.preventDefault( )
返回值
preventDefault()
函数没有返回值,也可以说返回值为undefined
。
如果使用jQuery绑定的事件处理函数的返回值为false
,jQuery也会阻止触发元素的默认行为。
示例&说明
请参考下面这段HTML代码:
<form action="http://www.365mini.com" method="post"> <input id="username" name="username" type="text" /><br> <input type="submit" value="提交" /></form><a href="http://www.365mini.com">删除</a>
与event.preventDefault()
函数相关的jQuery示例代码如下(其中表单验证部分的代码仅作简单的非空验证):
$("a").click( function(event){ if( !confirm("你确定要删除?") ){ event.preventDefault(); // 阻止链接默认的URL跳转行为 // return false; // 函数的返回值为false,也可以起到阻止默认行为的效果 } } );$("form").submit( function(event){ if( !$("#username").val() ){ alert("username is required!"); event.preventDefault(); // 阻止默认的表单提交行为 // return false; // 函数的返回值为false,也可以起到阻止默认行为的效果 } } );
运行代码
0 0
- jQuery Event.preventDefault() 函数详解
- jQuery 中的 event.preventDefault
- jquery "event.preventDefault()"
- JQuery学习总结之 -- event.preventDefault
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.isDefaultPrevented() 函数详解
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.isPropagationStopped() 函数详解
- jQuery Event.stopImmediatePropagation() 函数详解
- jQuery Event.isImmediatePropagationStopped() 函数详解
- event.preventDefault()
- event.preventDefault()
- event.preventDefault()
- event.preventDefault()
- jQuery源码分析之jQuery.Event,$.stopImmediatePropagation,$.preventDefault,$.stopPropagation
- jQuery中event.preventDefault() 与 return false 的区别
- jQuery事件处理return false与event.preventDefault()
- Alcatraz:管理Xcode插件
- JS 控制小数位数的实现代码
- Echarts制作报表-Struts2与之交互
- yii2 Event
- 城市计算与大数据
- jQuery Event.preventDefault() 函数详解
- EL表达式—获取request里的参数写法
- C++11(及现代C++风格)和快速迭代式开发
- jQuery Event.isDefaultPrevented() 函数详解
- TCP计时器浅解析
- GridView行编辑事件及新增行事件的应用
- Eclipse 常用快捷键 (动画讲解)
- Redis配置文件config详解
- 12121212121