<em></em> 強調某段文字,斜體。

<del></del> 文字刪除線

瀏覽器預設行為

點擊 <a> ,會連向新的網頁。

點擊 <form> 結構裡的input[type="submit"]或 button[type="submit"] ,也會自動跳頁。

若有設定method 和 action 屬性,會同時將表單內容提交給遠端server,沒設定action則會重新導向當前頁面。

避免重新導向當前頁面

在addEventListener的event hadler觸發的函式內,
第一行: event.preventDefault()
會請瀏覽器終止元件的預設行為,把控制權交給 JavaScript。
w3schools - Event.preventDefault()
HTML Forms


#html-tag #event.preventDefault() #EM #del #a #form #input[type="submit"] #button[type="submit"]







Related Posts

React hook form(4) - controlled component & forwardRef

React hook form(4) - controlled component & forwardRef

【隨堂筆記】套件模組與環境設定

【隨堂筆記】套件模組與環境設定

metadata 、<meta> 知多少

metadata 、<meta> 知多少


Comments