`

JQuery事件之取消默认行为 【转】

 
阅读更多

JQuery事件的e参数的方法preventDefault()可以取消对象的默认行为。如下代码:

    <!DOCTYPE html>  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
        <title></title>  
        <script src="js/jquery-1.7.1.min.js"></script>  
        <script type="text/javascript">  
            $(function () {  
                $("a").click(function (e) {  
                    alert($(this).text());  
                    e.preventDefault();//取消默认行为,没有这句话的话,会跳转到baidu网站上  
                });  
            });  
        </script>  
    </head>  
    <body>  
        <a href="http://www.baidu.com">baidu</a>  
    </body>  
    </html>  

 

分享到:
评论

相关推荐

    jquery事件

    这个对象可以作为函数的第一个参数访问,如`function(event) {...}`,其中`event`对象可以用来阻止事件的默认行为或阻止事件冒泡。 4. **事件代理** 当动态生成的元素需要绑定事件时,使用事件代理是有效的策略。...

    浅谈jQuery 中的事件冒泡和阻止默认行为

    jQuery提供了一个`event.preventDefault()`方法,用于取消事件的默认行为。使用这个方法,我们可以自定义事件的响应,而不是让浏览器执行其默认操作。这对于创建更加友好和互动的用户界面非常有用。 3. 实际应用...

    JQuery事件e参数的方法preventDefault()取消默认行为

    在处理这些事件的过程中,我们经常需要在事件处理函数中做一些操作,来改变事件的默认行为。 在JQuery中,当一个事件被触发时,通常会有一个默认的行为与之关联。例如,在一个`&lt;a&gt;`标签上点击时,默认的行为是导航...

    jQuery中事件的冒泡和默认行为

    `,这不仅可以阻止事件冒泡,还能取消事件的默认行为。 2. **使用stopPropagation()**:如果事件回调函数接收到了`event`参数,可以通过调用`event.stopPropagation();`来阻止事件继续向上冒泡,但不会影响默认行为...

    JQ.jquery-confirm | 功能强大的jQuery对话框和确认取消框插件

    默认情况下,`JQ.jquery-confirm`创建的是模态对话框,阻止用户与页面其余部分交互。若需要创建非模态对话框,可以设置`modal: false`: ```javascript $.confirm({ modal: false, // 其他配置项... }); ``` ###...

    jquery取消事件冒泡的三种方法(推荐)

    1. 使用`return false`取消默认行为并阻止冒泡 在jQuery事件处理函数中直接返回`false`是一种最简单的方式来同时阻止事件的默认行为和事件的冒泡传播。示例如下: ```javascript $("form").submit(function(){ ...

    jQuery点击标签弹窗确认或取消删除被点击项

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨如何使用jQuery实现一个功能,即当用户点击某个标签时,弹出确认对话框,允许用户选择...

    jQuery取消特定的click事件

    此外,我们也可以使用event.preventDefault()来阻止事件的默认行为,比如阻止表单提交时的页面刷新。 对于特定的click事件取消问题,jQuery提供了一个非常方便的方法,即使用事件命名空间。通过为事件命名空间,...

    jQuery学习5 jQuery事件模型

    5. **规范化Event实例属性**:jQuery对`Event`对象的常见属性进行了标准化,确保在不同浏览器中行为一致,如`event.preventDefault()`用于阻止默认行为,`event.stopPropagation()`用于停止事件冒泡。 6. **事件...

    多选下拉框(jquery_multiselect)

    - **事件监听**:支持多种事件回调,如打开、关闭、选择和取消选择等,方便开发者扩展功能。 - **国际化支持**:可适应不同语言环境,方便全球化部署。 2. **安装与使用** 首先,确保你已经在项目中引入了 ...

    《jQuery权威指南》学习笔记之第4章 jQuery中的事件与应用

    如果需要阻止事件的默认行为,如链接的跳转或表单提交,可以使用`event.preventDefault()`。 ### 五、事件触发 jQuery提供了`.trigger()`方法来手动触发事件。例如,`$("#myElement").trigger("click")`会模拟对"#...

    jquery-confirm.js和jquery-form.js

    首先,`jquery-form.js`监控表单的提交事件,并在用户尝试提交时阻止默认的表单行为。接着,通过`jquery-confirm.js`弹出一个提示框,确认用户是否真的要执行提交操作。如果用户确认,`jquery-form.js`会异步地将...

    jquery实现快捷键事件,自己做一个快捷键

    // 阻止浏览器默认的保存行为 }); }); ``` 这段代码实现了选中行后,按Ctrl+S弹出对话框进行编辑的功能。需要注意的是,实际应用中,你可能需要根据具体场景对代码进行调整。 4. **HTML布局**:在提供的HTML...

    深入理解jQuery 事件处理

    - `preventDefault()`:取消事件的默认行为。 - `stopPropagation()`:阻止事件在DOM中进一步传播。 - `stopImmediatePropagation()`:防止当前元素上的其他事件处理器被执行。 - `isPropagationStopped()`:判断...

    JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM处理、事件处理、动画效果以及Ajax交互等。而"JQuery Alert 弹出框美化(Alert, Confirm, & Prompt Replacements)...

    jquery-confirm设置按钮显示中文

    在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及动画制作。而jquery-confirm则是一个基于jQuery的插件,用于创建美观的弹窗提示,包括确认对话框、警告对话框和自定义对话框。...

    jquery弹窗提示插件

    这可以通过阻止事件冒泡或修改插件的默认行为来实现。例如,通过`event.stopPropagation()`阻止点击事件向父元素传播,或者在插件配置中设定保持弹窗打开的选项。 以下是一段示例代码,展示了如何使用jQuery创建一...

    jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

    在阻止默认行为和事件冒泡的示例中,展示了`return false`可以同时阻止事件冒泡和取消默认行为。这在处理表单提交或链接点击时很有用,因为它可以防止页面跳转或者表单提交等默认操作。 综上所述,jQuery事件处理...

    事件冒泡是什么如何用jquery阻止事件冒泡

    如果需要同时取消默认行为和阻止事件冒泡,可以结合event.stopPropagation()使用。 - 使用event.stopPropagation()方法:这个方法用来阻止事件继续传播到父级元素,从而停止冒泡过程。 3. jQuery中的实例: - ...

Global site tag (gtag.js) - Google Analytics