`
chinachuner
  • 浏览: 64720 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

js中的preventDefault

 
阅读更多

preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。

JS阻止链接跳转

<script type="text/javascript">

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function stopDefault(e) {
     if (e && e.preventDefault) {//如果是FF下执行这个
        e.preventDefault();
    }else{
        window.event.returnValue = false;//如果是IE下执行这个
    }
    return false;
}
</script>
<a href="http://www.test.com" id="test">测试</a>
<script type="text/javascript">
var test = document.getElementByIdx_x('test');
test.onclick = function(e) {
   alert('URL:' + this.href + ', 不会跳转');
   stopDefault(e);
}

</script>

此时点击链接,不会打开url,只弹出一个对话框。

分享到:
评论

相关推荐

    js中的preventDefault与stopPropagation详解

    首先讲解一下js中preventDefault和stopPropagation两个方法的区别:preventDefault方法的起什么作用呢?我们知道比如百度,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的...

    js(冒泡)中的preventDefault和stopPropagation.doc

    ### JavaScript中的`preventDefault`与`stopPropagation` #### 一、`preventDefault`详解 `preventDefault`方法在JavaScript中主要用于阻止元素的默认行为。在Web开发中,很多HTML元素都具有默认的行为,例如,`...

    js限制DIV输入回车

    在网页开发中,有时我们...总结起来,"js限制DIV输入回车"是一个关于前端开发中的事件处理问题,主要涉及到JavaScript的事件监听和DOM操作。通过适当的代码,我们可以定制`div`元素的回车键行为,使其满足特定的需求。

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

    `e.preventDefault()`是JQuery中非常常用的一个方法。它通过在事件处理函数中传递的事件对象`e`(event对象)来调用。当执行`e.preventDefault()`方法时,当前元素上的默认动作就不会被执行。比如在上面给出的HTML...

    javascript开发随笔一 preventDefault的必要

    在JavaScript开发过程中,`preventDefault()` 是一个非常关键的方法,它用于取消事件的默认行为。在标题和描述中提到的情况,特别是在处理`&lt;a&gt;`标签作为按钮时,使用`preventDefault()`显得尤为重要,尤其是在老旧的...

    javascript 表单验证禁止输入中文汉字

    在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测用户输入是否包含中文汉字。中文字符通常属于Unicode编码范围中的汉字区,即`[\u4e00-\u9fff]`。...

    js.zip_imagetrans.js_javascript 拖动

    以上就是“js.zip_imagetrans.js_javascript 拖动”项目中的主要技术点,它们展示了JavaScript在Web交互中的强大能力。通过学习和掌握这些知识点,开发者可以创建出更加生动、交互丰富的网页应用。

    网页右键ie不支持event.preventDefault和event.returnValue (需要加window)

    在大部分现代浏览器中,我们可以使用`event.preventDefault()`方法来实现这一功能,然而,对于古老的Internet Explorer(IE)浏览器,情况就有所不同了。本文将详细讲解在IE浏览器中如何阻止右键点击的默认行为以及`...

    js实现指定用户名和密码登录

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用中的动态内容控制。在这个场景中,我们要实现一个登录系统,要求用户输入指定的用户名和密码,只有当两者完全匹配时,用户才能成功登录并进入一个...

    js拖动拖动一个容器中的内容到另一个容器中

    在JavaScript(JS)中,实现拖放功能可以增强用户的交互体验,特别是在网页设计和开发中。这个功能允许用户通过鼠标操作将元素从一个容器移动到另一个容器,同时在原容器中删除该元素。本篇文章将深入探讨如何使用...

    return false;和e.preventDefault();的区别

    在JavaScript和jQuery中,`return false;` 和 `e.preventDefault();` 都被用来取消默认行为,但它们之间存在一些微妙的区别。这两种方法通常在处理DOM事件,如点击(click)事件时使用,以防止浏览器执行与事件关联...

    JS中touchstart事件与click事件冲突的解决方法.docx

    在JavaScript中,`touchstart`事件和`click`事件在移动设备上可能存在冲突,这个问题主要出现在需要同时兼容PC和移动设备的Web应用中。在移动设备上,由于触摸屏的操作特性,`touchstart`事件在用户手指触碰屏幕时...

    javascript去掉拷贝数据中带换行数据到文本框

    在JavaScript编程中,有时我们需要处理用户从不同来源拷贝的数据,并将其粘贴到文本框(input[type="text"]或textarea)中。在这种情况下,拷贝的数据可能会包含换行符,这可能会影响用户的输入体验,特别是在搜索框...

    纯javascript弹出框验证表单(Check.js)

    本文将详细介绍一个基于纯JavaScript实现的弹出框验证表单——Check.js,以及如何利用它进行有效的用户输入验证。 Check.js是一个轻量级的JavaScript库,专注于提供美观且功能丰富的表单验证解决方案。由于它不依赖...

    2d平面在3d中展示,使用threejs

    Three.js作为一款强大的JavaScript库,为开发者提供了在浏览器中实现3D图形的强大工具。本文将详细讲解如何利用Three.js将2D平面在3D环境中展示,以及如何使2D元素如按钮能够真实地显示和响应事件。 首先,我们需要...

    three.js拖拽生成场景简单示例

    three.js是一个基于WebGL的JavaScript库,它使得在浏览器中创建3D图形变得容易。结合OrbitControls.js,我们可以实现对场景中的对象进行平移、缩放和旋转的交互控制。 首先,`index.html`是网页的主文件,它包含了...

    前端开源库-hotkeys-js

    【hotkeys-js:前端开发中的快捷键管理库】 在前端开发中,快捷键(Hotkeys)是提升用户体验的重要工具,能够使用户通过键盘快速执行常用操作,提高工作效率。`hotkeys-js`是一个专为此目的设计的轻量级开源库,它...

    JS经典代码 JavaScript 经典

    "JS特效源码.chm"文件很可能包含了各种JavaScript实现的网页特效源码,如动画效果、滑动门、下拉菜单、图片轮播等,这些都是JavaScript在实际开发中的常见应用,通过学习这些源码,开发者能更好地掌握JavaScript的...

    NativeJS随记 - 浅析JavaScript Events

    标题中的“NativeJS随记 - 浅析JavaScript Events”表明这篇博客主要讨论的是JavaScript中的事件处理机制。JavaScript事件是Web开发中的重要组成部分,它允许我们响应用户的交互或浏览器的内部变化。在这里,我们将...

Global site tag (gtag.js) - Google Analytics