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

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

本文主要介绍jquery事件的preventDefault()方法的用法,并结合实例分析preventDefault()方法的功能和技巧。有需要的可以参考一下。

本文介绍了jquery事件的preventDefault()方法的用法。分享给你,供你参考。具体实现方法如下:

如下复制代码:html

Titlejquery事件:preventDefault()方法的使用/title

脚本类型= text/JavaScript src= jquery-1 . 8 . 2 . min . js /script

脚本类型=文本/javascript

$(function(){

$(#myform )。提交(功能(e){

if($(#search )。val()==){

Alert(“搜索内容不能为空”);

e . prevent default();

}

});

});

/脚本

/头

身体

form action= http://www . Baidu . com method= post id= my form

输入类型= text size= 38 id= search /输入类型= submit value= search/

/表单

/body

/html

补充说明:

(1)如果你想获得关于事件的信息,给匿名函数添加一个参数。示例中的e表示事件的对象。

(2)通过调用事件对象的preventDefault()方法,可以阻止默认行为(如示例中发送到http://www.baidu.com)。

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

希望这篇文章对大家的jQuery编程有所帮助。

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