當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

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

發(fā)布時(shí)間：2023/12/10 javascript 44 豆豆

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

on是監(jiān)聽的意思

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

outer外部　　inner內(nèi)部

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

轉(zhuǎn)載于:https://www.cnblogs.com/jintian/p/11108953.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

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