当前位置: 首页 > 编程笔记 >

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

淳于煌
2023-03-14
本文向大家介绍jquery事件preventDefault()方法用法实例,包括了jquery事件preventDefault()方法用法实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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程序设计有所帮助。

 类似资料:
  • 主要内容:jQuery 事件方法jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法 描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick() 添加/触发 double click 事件 delega

  • 本文向大家介绍jQuery事件用法实例汇总,包括了jQuery事件用法实例汇总的使用技巧和注意事项,需要的朋友参考一下 本文以实例形式详细汇总了jQuery中事件的用法,对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下: 1.通过方法名给元素绑定事件: 2.通过bind方法给元素绑定事件: 可见,通过bind,可以给元素绑定多个事件。 3.事件的命名空间 为什么需要事件

  • 本文向大家介绍jQuery事件blur()方法的使用实例讲解,包括了jQuery事件blur()方法的使用实例讲解的使用技巧和注意事项,需要的朋友参考一下 实例 当输入域失去焦点 (blur) 时改变其颜色: 定义和用法 当元素失去焦点时发生 blur 事件。 blur()函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。 提示:早

  • 本文向大家介绍jQuery 移除事件的方法,包括了jQuery 移除事件的方法的使用技巧和注意事项,需要的朋友参考一下 在绑定事件的过程中,不仅可以为同一个元素绑定多个事件,也可以为多个元素绑定同一个事件。假设网页上有一个<button>元素,使用以下代码为该元素绑定多个相同的事件。 当单击按钮后,会出现如上图所示的效果。 1. 移除按钮元素上所有注册的事件 添加一个移除事件的按钮。然后为按钮绑定

  • 本文向大家介绍jQuery事件用法详解,包括了jQuery事件用法详解的使用技巧和注意事项,需要的朋友参考一下 JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。 我们可以用jQuery这样绑定一个click事件: on方法用来绑定一个事件,我们需要传入事件名称和对应的处理函数。 另一种

  • 本文向大家介绍JQuery中的事件及动画用法实例,包括了JQuery中的事件及动画用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 在上面的操作中我们新学习了bind事件,而bind事件是三个参数,第一个参数是事件的名字,例如:click,dbclick,mouseover等,第二个参数是data