當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JS之onsubmit事件与组织事件外延

發布時間：2023/12/10 javascript 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 JS之onsubmit事件与组织事件外延小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

on是監聽的意思

阻止事件發生：1、return false　　2、e.preventDefault()適用于onsubmit

outer外部　　inner內部

event.stopPropagation()阻止事件向外層div傳播

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><form action="" id="form1"><input type="text" name="username"><input type="submit" value="提交"> </form><script>var ele=document.getElementById("form1");ele.onsubmit=function (e) { // console.log("hello") alert(1234);//return false//e.preventDefault() } </script></body> </html> View Code

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>.outer{width: 300px;height: 300px;background-color: antiquewhite;}.inner{width: 100px;height: 100px;background-color: rebeccapurple;}</style> </head> <body><div class="outer" onclick="func2()"><div class="inner"></div> </div><script>var ele=document.getElementsByClassName("inner")[0];ele.onclick= function (e) {alert("I am inner!");e.stopPropagation()};function func2() {alert("I am outer!")} </script> </body> </html> View Code

轉載于:https://www.cnblogs.com/jintian/p/11108953.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JS之onsubmit事件与组织事件外延的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： MyBatis官方下载地址（含mybat
下一篇： Spring boot项目集成Shard