以下是JS阻止默认行为：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>preventDefault 阻止控件的默认行为</title>
</head>
<body><form action="https://www.baidu.com" method="get"><input type="submit" id="submitBtn"></form><a href="https://www.baidu.com" id="anchor">超链接</a>
</body><script>var a = document.querySelector("#anchor")var btn = document.querySelector("#submitBtn")a.onclick = function(){console.log("我点了一个超链接");event.preventDefault();// return false 也可以}btn.onclick = function(){console.log("我点了一个表单超链接");event.preventDefault();// return false 也可以}
</script>
</html>

以下是Vue阻止默认行为：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="../vue库/vue.js"></script>
</head>
<body><!-- vue两种阻止网址跳转写法：@click.prevent="submitBut"event.preventDefault();--><div id="app"><form action="https://blog.csdn.net/m0_65992672?spm=1000.2115.3001.5343" method="get"><input type="submit"  @click.prevent="submitBut"></form><a href="https://blog.csdn.net/m0_65992672?spm=1000.2115.3001.5343" @click="clickAnchor">超链接</a></div></body><script>var app = new Vue({el:"#app",methods: {clickAnchor(event){console.log("我点了一个链接");event.preventDefault();},submitBut(){console.log("我点了一个表单链接");}},})</script>
</html>

JS阻止默认行为和Vue阻止默认行为相关推荐

Js、Vue阻止事件冒泡行为
目录 Js阻止事件冒泡行为 Vue阻止事件冒泡行为以下是Js阻止事件冒泡行为 event.stopPropagation() <!DOCTYPE html> <html lang= ...
vue单选框选中_使用vue如何默认选中单选框
使用了vue以后,发现这真的是一个灵活高效的框架,能够轻松实现页面的实时刷新. 那么,今天先聊聊单选框的使用.一般我们使用单选框,会这么写: //HTML one two three 有"c ...
js /jquery停止事件冒泡和阻止浏览器默认事件
var el = window.document.getElementById("a");el.onclick = function (e) {//如果提供了事件对象,则这是一个非 ...
html禁止页面左右滑动,js阻止移动端默认事件以及只阻止横向滚动事件方法
js阻止移动端默认事件,是在相关的touch事件的时候利用event.preventDefault();来阻止默认滚动行为,但是如果要实现阻止横向滚动行为而不阻止竖向滚动行为就要写一个方法通过手指滑动 ...
vue阻止冒泡和阻止默认事件
// An highlighted block <div @click.stop="doSomething()">vue阻止事件冒泡</div><di ...
本地运行vue.js项目，如何更改调试的默认端口？
运行本地vue.js项目,如何更改调试的默认端口? 之前学会了安装和使用node.js.npm.cnpm.webpack等相关的一些知识和技巧, 但是在搭建vue.js框架,进行开发的时候,会发现在进 ...
阻止表单提交，超链接默认行为
方法一: <form action="" id="form1"><p>name: <input type="text&q ...
问题描述：分布式防火墙能管控东西向的流量，是否对进入虚拟机的所有流量都能够管控，例如外部访问虚拟机的流量。因为我现在的防火墙默认策略是允许，我像知道如果我默认策略改成阻止，外部流量会不会阻止
问题描述:分布式防火墙能管控东西向的流量,是否对进入虚拟机的所有流量都能够管控,例如外部访问虚拟机的流量.因为我现在的防火墙默认策略是允许,我像知道如果我默认策略改成阻止, 外部流量会不会阻止技术回 ...
简单解析JavaScript的默认事件及如何阻止默认事件
简单解析JavaScript的默认事件及如何阻止默认事件上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件 ...

JS阻止默认行为和Vue阻止默认行为

以下是JS阻止默认行为：

以下是Vue阻止默认行为：

JS阻止默认行为和Vue阻止默认行为相关推荐

最新文章

热门文章