event.preventDefault和恢复元素默认事件

最新推荐文章于 2023-01-10 15:38:18 发布
最新推荐文章于 2023-01-10 15:38:18 发布
阅读量2.3k 收藏
点赞数
文章标签： javascript xhtml ViewUI

写页面事件的时候，有的时候需要用event.preventDefault取消原有的事件后进行重写，这个大家应该都知道。

那么怎么在取消默认事件后再恢复呢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style>


    </style>
    <script src="./pub/1.11.js"></script>
</head>
<body>
    <p>
        this is a demo
    </p>

    <input type="button" id="a1" value="点击事件" />
    <br/><br/>
    <input type="button" id="a2" value="取消事件" />
    <br/><br/>
    <input type="button" id="a3" value="恢复事件" />
    <br/><br/>

    <script>
      $(function(){
      // alert(":aa");
            // $("#a1").click(function(event){
             
            //   event.preventDefault;
            //    alert("this is a demo");
            // });

          $("#a1").bind("click",function(event){
              alert("1111");
               event.preventDefault;
              alert("this is a demo");
          });
            
            // $("#a1").unbind("click");

            $("#a2").click(function(){
              $("#a1").unbind("click");
            });

            $("#a3").click(function(){
              // $("#a1").bind("click");
              $("#a1").bind("click",function(){
                  alert("55555555");
                  event.preventDefault;
                  alert("222222222");
              })
            });

      });
    </script>
</body>
</html>

 

weixin_33877885
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决给dom元素绑定click等事件无效问题的方法
08-31
本文主要介绍了解决给dom元素绑定click等事件无效问题的方法。具有很好的参考价值，下面跟着小编一起来看下吧
html5指南-3.如何实现html元素拖拽功能
09-28
// 恢复元素的原始样式 } ``` 此外，投放区（drop zone）也有相应的事件，如 `dragenter`、`dragleave` 和 `drop`，用于控制元素投放时的行为。例如，你可以阻止默认的禁止投放行为，或者在投放成功后执行特定的...
preventDefault()恢复
传说中胖子
02-20 2751
function isScroll(){ event.stopPropagation(); event.preventDefault(); } window.addEventListener("touchmove", isScroll, {passive:false}); 当使用上面方法阻止touchmove后可以使用removeEventListener恢复touchmove window.removeEventListener("touchmove", isScroll); 注意添加和移.
JS中event.preventDefault()取消默认事件能否还原？
weixin_34315485的博客
07-14 4632
参考知乎讨论：https://www.zhihu.com/question/21891734
还原event.preventDefault()
weixin_30847939的博客
05-22 202
http://www.zhihu.com/question/21891734 转载于:https://www.cnblogs.com/wln3344/p/4521478.html
event.preventDefault()
Democreen
03-11 6128
<br />preventDefault() 方法定义和用法<br />取消事件的默认动作。<br /> 语法event.preventDefault()说明<br />该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。<br />例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，<br />通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，<br />那么就没有默认动作，或者不
关于submit被event.preventDefault()取消后恢复默认事件的问题
weixin_30487201的博客
06-03 666
今天做项目的时候第二次遇到这个坑了，所以记下来以免再遇到。由于项目里面表单验证用的是一个js插件，不知道怎么回事导致表单的提交事件被禁用掉了，结果我调了半天，最后终于解决了。哈哈 ，不废话了，开始说方法。 $("#searchForm").attr("action", "/lease/BulkExport"); $("#searchForm").unbind("submi...
HTML5如何实现元素拖拽
09-28
5. `ondragover`：拖动元素在目标元素上方移动时持续触发，需要调用`event.preventDefault()`防止默认的浏览器行为（例如阻止文件拖放）。 6. `ondragleave`：当拖动元素离开目标元素时触发，用于取消目标元素的...
监听表单事件.rar
06-25
event.preventDefault(); // 阻止默认的表单提交行为 console.log('表单提交'); // 在这里添加你的处理逻辑 }); ``` 通过理解和熟练运用这些表单事件，开发者可以创建更健壮、用户体验更好的Web应用。"监听表单...
JavaScript中的事件与异常捕获详析
10-17
在JavaScript中，事件和异常捕获是两个重要的概念，它们对于编写健壮和用户友好的代码至关重要。首先，我们来详细讲解事件处理。 事件是用户与网页交互时发生的特定动作，如单击按钮、鼠标移动等。JavaScript提供了...
html 还原键盘默认事件,键盘肿么还原为默认键位
weixin_35245427的博客
06-10 450
通过“控制面板”——“区域和语言选项”——“语言”——“详细信息”——“文字服务和输入语言”——“键设置”，设置快捷键。或者右击桌面右下角的“语言栏”图标，选择“设置”打开“文字服务和输入语言”选择下面的“键设置”，在里面可以设置快捷键。上述方法不能恢复，可以修改键盘的驱动：通过“我的电脑”打开系统属性，选择硬件标签，打开设备管理器，默认的键盘驱动是“标准101/102键或Microsoft自然P...
如何阻止a标签跳转及还原默认跳转事件
blackcat88的博客
03-25 1572
两件事：一件是阻止跳转，一件是恢复跳转。 1、先看下如何阻止跳转的一种方法，绑定click事件： $("a").click(function(e){ e.preventDefault(); }) 此时，页面中所有a标签，点击事件失效。 2、使某个a标签还原默认事件： $("a").attr("href","xx.html"); $("a").unbin...
取消和还原键盘事件默认行为
weixin_30764137的博客
02-23 819
event.preventDefault()方法是用于取消事件的默认行为，但此方法并不被ie支持，在ie下需要用window.event.returnValue。 例如：按tab键时禁用键盘默认事件，点击其他键时还原键盘默认事件，代码如下：（代码未考虑ie下的兼容情况） $(document).keydown(function(){ var event=arguments.cal...
jq阻止页面事件及恢复的方法
qq_25175063的博客
06-13 2931
        在web开发时候，我们经常会使用到遮罩层之类的东西，（我们暂时称底层页面为a页面，遮罩层页面为b页面），通常a页面由于内容过多会出现滚动条。这个时候我们会发 现，当遮罩层弹出的时候是可以触发a页面的滚动的，我们的页面体验就不好了。           解决思路：1、当我们点击弹出遮罩层的时候写一个触发事件，禁止页面滚动，遮罩层关闭的时候在恢复滚动属性。这种方法不好的是，当我们...
Vue 中实现监听keydown快捷键阻止和恢复浏览器默认事件
前端打工人的博客
07-29 1159
Vue中实现监听keydown快捷键阻止和恢复浏览器默认事件
关于event.preventDefault()的用法
fuyangsuccessful的博客
01-10 6393
event.preventDefault() ；ES6中的对象解构赋值。
event.preventDefault() 取消事件的默认行为。
顾丽江的专栏
07-20 2659
实例 防止链接打开 URL： $("a").click(function(event){ event.preventDefault(); }); 定义和用法 preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 语法 event.preventDefault() 参数 描述 event 必需。规定阻止
event.preventDefault();
最新发布
06-11
`event.preventDefault()` 是一个事件对象的方法，它用于阻止事件的默认行为。在 Web 应用程序中，很多事件都有默认的行为，例如点击链接会跳转到链接的地址，提交表单会刷新页面等等。如果不想要事件的默认行为，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值