阻止默认行为的两种方式(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>
相关文章
|
6天前
|
JavaScript
sgSpeedMode.js判断360浏览器是“兼容模式”,提示使用“极速模式”
sgSpeedMode.js判断360浏览器是“兼容模式”,提示使用“极速模式”
|
5月前
|
JavaScript
js阻止默认事件踩坑
js阻止默认事件踩坑
23 0
|
6月前
|
JavaScript 前端开发
vue阻止默认事件
vue阻止默认事件
36 1
|
6月前
|
JavaScript
网页里如何使用js禁用F12事件
网页里如何使用js禁用F12事件
73 0
|
6月前
|
JavaScript
js设置启用禁用
js设置启用禁用
|
10月前
|
JavaScript
js阻止事件的三种方式
1、event.preventDefault() 阻止特定事件的默认行为(只有 cancelable 设置为 true 的事件才可以使用),比如:点击 type=“submit” 的 input 标签提交表单,你在 onclick 事件处理中调用 event.preventDefault()方法, 那么在点击 submit 后就不会自动提交表单了。但是并不阻止事件冒泡。
|
JavaScript 前端开发
【最全最详细】publiccmsCSS和JS引入无效的解决方法
【最全最详细】publiccmsCSS和JS引入无效的解决方法
78 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
100 0
你不知道的js中关于this绑定机制的解析[看完还不懂算我输]
|
JavaScript
玩转JS基础——事件默认行为
所谓默认行为,一般是指 *HTML* 元素所自带的行为。例如点击一个 *a* 元素表示的是跳转:
776 0