阻止默认行为的两种方式(js的问题)

简介: 阻止默认行为的两种方式(js的问题)
  • e.preventDefault()
  • return false

让a标签链接不跳转

<a href="https://www.baidu.com/">百度</a>
 
<script>
 
  var a = document.querySelector('a')
  a.onclick = function(e){
    // 方式一
    // e.preventDefault()
 
    // 方式二
    return false;
  }
</script>

让form表单不提交

<form action="/post">
  <input type="submit" value="提交" id="submit"/>
</form>
 
<script>
  var submit = document.getElementById("submit");
  submit.onclick = function (e) {
    // 方式一
    // e.preventDefault()
 
    // 方式二
    return false;
  };
</script>
相关文章
|
7月前
|
JavaScript 小程序
小程序JS动态修改样式vv
小程序JS动态修改样式
176 0
|
18天前
|
存储 JavaScript 前端开发
js阻止页面回退
js阻止页面回退
43 1
|
6月前
|
JavaScript
js阻止默认事件踩坑
js阻止默认事件踩坑
23 0
|
7月前
|
JavaScript 前端开发
vue阻止默认事件
vue阻止默认事件
37 1
|
7月前
|
JavaScript
网页里如何使用js禁用F12事件
网页里如何使用js禁用F12事件
79 0
|
7月前
|
JavaScript
js设置启用禁用
js设置启用禁用
|
11月前
|
JavaScript
js阻止事件的三种方式
1、event.preventDefault() 阻止特定事件的默认行为(只有 cancelable 设置为 true 的事件才可以使用),比如:点击 type=“submit” 的 input 标签提交表单,你在 onclick 事件处理中调用 event.preventDefault()方法, 那么在点击 submit 后就不会自动提交表单了。但是并不阻止事件冒泡。
|
前端开发 JavaScript
简单解析JavaScript的默认事件及如何阻止默认事件
简单解析JavaScript的默认事件及如何阻止默认事件 上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。 1.什么是默认事件 顾名思义,默认事件就是默认执行的事件,比如 a标签,点击a标签,页面会自动跳转。如图: 在这里插入图片描述 HTML代码: &lt;form action=&quot;&quot;&gt; &lt;input type=&quot;submit&quot; id=&quot;submit&quot;&gt; &lt;input type=&quot;image&quot; src=&quot;../../CSS/0421/car.jpg&quot;
简单解析JavaScript的默认事件及如何阻止默认事件
|
JavaScript 前端开发
【最全最详细】publiccmsCSS和JS引入无效的解决方法
【最全最详细】publiccmsCSS和JS引入无效的解决方法
79 0
|
JavaScript 前端开发 API
你不知道的js中关于this绑定机制的解析[看完还不懂算我输]
前言 最近正在看《你不知道的JavaScript》,里面关于this绑定机制的部分讲的特别好,很清晰,这部分对我们js的使用也是相当关键的,并且这也是一个面试的高频考点,所以整理一篇文章分享一下这部分的内容,相信看本文的解析,你一定会有所收获的,如果喜欢的话可以点波赞/关注,支持一下。 游泳、健身了解一下:博客、前端积累文档、公众号、GitHub 为什么要用this: function identify() { console.log("Hello,I'm " + this.name); } let me = { name: "Kyle" }; let you = { nam
103 0
你不知道的js中关于this绑定机制的解析[看完还不懂算我输]