阻止表单提交刷新页面的问题

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
Marker Animation
</title>
<style type="text/css">
html, body, #map, #form1 {
margin: 0;
padding: 0;
width: 100%;
height: 80%;
}

body, div, ul, li {
margin: 0;
padding: 0;
}
</style>

</head>
<body>
<form method="post"  id="form1">

 <button id="start-animation">Start Animation</button>

  <script>

 var startButton = document.getElementById('start-animation');

function startAnimation() {
event.preventDefault();

}

startButton.addEventListener('click', startAnimation, false);

</script>

<form>

 

posted @   风无心客  阅读(348)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示