我如何定義此對象以便將事件偵聽器添加到表單中？ 不確定該怎么做
[英]how do i define this object in order to add event listeners to my form? unsure of what to do
問題描述
我需要定義ShapeLink對象，以便允許我向檢查initForm函數的“提交”事件的表單中添加事件偵聽器。 但是，當我制作一個時，它說ShapeLink對象是未定義的，我在定義它時遇到了麻煩
<body>
<form>
<label for="name">Name:</label>
<input type="text" id="name">
<label for="shapeSelect">Shape:</label>
<select name="" id="shapeSelect">
<option value="">pick a shape</option>
<option value="square">Square</option>
<option value="circle">Circle</option>
</select>
<input type="submit" value="Submit">
</form>
<div id="outputText"></div>
<svg width=100 height=100></svg>
<script>
ShapeLink.initForm(document.querySelector("form"));
</script>
</body>
但我需要在我的JavaScript中添加它，我不確定在哪里以及為什么
let ShapeLink = (function(){
//code here!
return {
initForm: function(frm){
//code here!
}
}
})()
我所有的代碼都必須在我的JavaScript中。 我該怎么辦
1 個解決方案
解決方案1
0 已采納 2018-04-26 15:07:54
我不知道您如何附加事件偵聽器，但是您的代碼似乎正在工作：
let ShapeLink = (function(){ //code here! return { initForm: function(frm){ //code here! frm.addEventListener('submit',function(){ alert('form submitting'); }) } } })() ShapeLink.initForm(document.querySelector("form"));
<form> <label for="name">Name:</label> <input type="text" id="name"> <label for="shapeSelect">Shape:</label> <select name="" id="shapeSelect"> <option value="">pick a shape</option> <option value="square">Square</option> <option value="circle">Circle</option> </select> <input type="submit" value="Submit"> </form> <div id="outputText"></div> <svg width=100 height=100></svg>
如果不知道何時創建事件偵聽器，如何將事件偵聽器添加到HTML元素？
[英]How do I add event listeners to HTML elements if I do not know when they will be created?
如何添加事件偵聽器以檢查頁面上選中的復選框數量並顯示警報？
[英]How do I add event listeners to check the number of checkboxes selected on a page and display an alert?
如何將事件偵聽器添加到動態創建的 HTML 列表元素？
[英]How do I add event listeners to dynamically created HTML list elements?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.