`
Serena_cc7
  • 浏览: 2089 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

e.preventDefault();

JS 
阅读更多
比如一个button放在一个form中,这个button的Default就是提交(submit),但如果你不想让他提交,就可以用e.preventDefault();


打个比方:
$(document).ready(function(){
       
            $("button").click(function(e){
                $("#show").fadeTo("fast",0);
                e.preventDefault();
            });
}

在一个form里有button,还有一个id=show的div(上点颜色),你可以保留e.preventDefault();和去掉e.preventDefault();试试看,效果不同的。
分享到:
评论

相关推荐

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

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

    wrap-prevent-default:包装事件处理程序,以便在可用时为您提供e.preventDefault()。 (即直接调用也可以)

    包装事件处理程序,以便在可用时为您提供e.preventDefault()。 (即直接调用也可以) var prevDflt = require ( "wrap-prevent-default" ) ; var handler = prevDflt ( function ( event ) { console . log ( "I...

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

    为了确保跨浏览器的兼容性,建议总是检查浏览器对`e.preventDefault()`方法的支持情况,或者使用兼容性替代方案,比如`return false`语句,它同时阻止了事件的默认行为和事件的进一步传播(冒泡)。 下面详细介绍`e...

    js阻止默认浏览器行为与冒泡行为的实现代码.docx

    if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } return false; } ``` 2. **阻止事件冒泡**: 事件冒泡是指事件从最具体的元素(事件的目标元素)开始,...

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

    if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } return false; } <a href="http://www.baidu.com" id="testLink">百度 var test = document....

    可拖动的table

    e.preventDefault && e.preventDefault(); rDrag.o = o = this; o.x = e.clientX - rDrag.o.offsetLeft; o.y = e.clientY - rDrag.o.offsetTop; document.onmousemove = rDrag.move; document.onmouseup = ...

    点击链接文字滑出隐藏图层内容

    e.preventDefault(); // 阻止默认的链接跳转行为 document.getElementById('hidden-layer').style.display = 'block'; // 显示隐藏图层 }); ``` 如果使用jQuery,代码会更加简洁: ```javascript $('#show-layer...

    JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码

    e.preventDefault(); console.log('Ctrl+U已禁用'); } }; ``` 禁用Ctrl+S(通常用于保存网页)同样监听`onkeydown`事件,检查`Ctrl`键和`S`键: ```javascript window.onkeydown = function (e) { if (e....

    JavaScript第八天.xmind

    阻止默认事件 e.preventDefault  5.e.keyCode键码 this指向:  1.普通函数 this指向window  2.构造函数 this指向实例化对象  3.对象方法 this指向对象本身  4.事件中的 this指向事件的绑定者 鼠标事件:  ...

    day21-Drag N Drop(拖放图片)

    e.preventDefault(); this.style.backgroundColor = '#e9e9e9'; } function handleDragOver(e) { e.stopPropagation(); e.preventDefault(); e.dataTransfer.dropEffect = 'copy'; // 显示可复制的视觉效果 } ...

    编辑框限制输入特定文本例程.e.rar

    e.preventDefault(); } }); ``` 2. **HTML5属性**:HTML5也提供了内置的输入类型限制,如`type="number"`限制为数字,`type="email"`限制为电子邮件格式等。 3. **C# & Windows Forms**:在Windows桌面应用开发...

    上传文件插件实例

    文件上传控件,包含使用实例... e.preventDefault(); //we don't want to leave this page. $('#DLG_upload').dialog('open'); }); }); $(function(){ $('#uploader').jUploader(); }); </script>

    jq+js限制鼠标右键粘贴

    e.preventDefault(); }); ``` 这样,无论用户通过什么方式尝试粘贴文本,都将被阻止。 #### 1.3 进一步限制:字符长度 在实际应用中,我们可能还需要对`textarea`中的文本长度进行限制。例如,如果`textarea`的`...

    原生JS加jQuery实现拖拽和单击上传文件

    e.preventDefault(); // 入口效果 }); document.getElementById('dropzone').addEventListener('dragover', function(e) { e.preventDefault(); // 高亮显示 }); document.getElementById('dropzone')....

    jQuery鼠标右键点击菜单代码.zip

    在`contextmenu`事件的回调函数中,`e.preventDefault()`用于阻止浏览器显示默认的右键菜单。接下来,你可以根据需求创建并显示一个自定义菜单。这通常涉及到创建HTML结构,然后在合适的位置插入或显示。 例如,你...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    同时,要注意在处理键盘事件时,防止与浏览器的默认行为冲突,通常需要调用`e.preventDefault()`来阻止默认的页面滚动行为。此外,为了提高可访问性和可用性,确保这些快捷键功能对屏幕阅读器和其他辅助技术友好,...

    实现简易的文件拖拽功能

    e.preventDefault(); } function handleDragOver(e) { e.preventDefault(); } function handleDrop(e) { e.preventDefault(); const files = e.dataTransfer.files; handleFiles(files); } ``` 接下来,我们...

    jquery实现无刷新分页,跳转

    e.preventDefault(); // ...省略部分代码... }); jQuery('#downPage').click(function(e){ e.preventDefault(); // ...省略部分代码... }); jQuery('#first').click(function(e){ e.preventDefault(); // .....

    flash屏蔽右键的方法非常简单

    一旦检测到此事件,就可以通过调用`e.preventDefault()`方法来阻止浏览器显示默认的右键菜单。 ### 代码实现步骤 #### 1. 添加事件监听器 首先,需要在Flash舞台上添加一个事件监听器,用于监听`MouseEvent.RIGHT...

Global site tag (gtag.js) - Google Analytics