1. 程式人生 > >【前端】表單事件新增

【前端】表單事件新增

HTML:

<form id="myForm">
	<div class="form-group">
		<label>Site Name</label>
		<input type="text" class="form-control" id="siteName" placeholder="Website Name">
	</div>
	<div class="form-group">
		<label>Site URL</label>
		<input type="text"
class="form-control" id="siteUrl" placeholder="Website URL">
</div> <button type="submit" class="btn btn-primary">Submit</button> </form>

JS:

// 為表單新增監聽事件
document.getElementById('myForm').addEventListener('submit', saveBookmark);

function saveBookmark() {
	//...
}

這裡也就是刻意強調一下addEventListener

的用法。

END.