javascript - onclick 事件发生而没有实际发生点击事件 - js
问题描述
伙计们,我是一个完全的新手,所以我敢肯定,这将是一个非常基本的问题。
我有一个链接到包含许多按钮的 html 文件的 javascript 文件。一个这样的按钮的 onclick 事件似乎完全绕过了 onlick 事件并在页面打开后立即触发。有任何想法吗?很抱歉问什么可能是真正基本的东西,但我已经忘记了我花了多少时间试图让它只在“点击”事件上工作......
在java中:
var arrEnrolments=[];//global array
function init() {
populateEnrolments();
var enrolArray=arrEnrolments
document.getElementById("resetEnrol").onclick=resetEnrolments;
document.getElementById("listEnrol").onclick=listAllEnrols;
document.getElementById("sortEnrol").onclick=sortByName(arrEnrolments);
}
function populateEnrolments(){
arrEnrolments=[];
var stuOne={id:1234567, name: "Jones, Brigit", mark: null, grade: ""};
var stuTwo={id:1234566, name: "Somers, Tom ", mark: null, grade: ""};
var stuThree={id:1222445, name: "Lee, Vera", mark: null, grade: ""};
var stuFour={id:1220123, name: "Crawford, Anne", mark: null, grade: ""};
var stuFive={id:1244444, name: "Wu, Russel", mark: null, grade: ""};
var stuSix={id:1238899, name: "Shaw, Boris", mark: null, grade: ""};
var stuSeven={id:1237799, name: "Wilson, Terri", mark: null, grade: ""};
arrEnrolments=[stuOne, stuTwo, stuThree, stuFour, stuFive, stuSix, stuSeven];
}
function sortByName(searchArray) {
var pos=0;
var count, temp;
do{
var msgOut="Student records sorted into Name ascending sequence";
count=0;
for(var pos=0; pos<searchArray.length-1; pos++){
if(searchArray[pos].name>searchArray[pos+1].name){
temp=searchArray[pos];
searchArray[pos]=searchArray[pos+1];
searchArray[pos+1]=temp;
count++
}//end if
}//end for
} while (count>0)//end do
addToOutput(msgOut);
}
function addToOutput(output){
var msgOut=output;
document.getElementById("output").innerHTML=msgOut;
}
window.onload = init;
在 html 中:
<body>
<header>
<h1>Tracking Student Enrolments and Completions<h1>
</header>
<article class="flex-container">
<section class="flex-item">
<h2>Enrolments</h2>
<button type="button" id="resetEnrol">Reset Enrolment List</button>
<button type="button" id="listEnrol">List All Enrolments</button>
<button type="button" id="sortEnrol">Sort Enrolments by Name</button><br/>
</article>
</body>
解决方案
解决方案:
document.getElementById('sortEnrol').onclick = sortByName(arrEnrolments);
没有注册 eventListener 而是执行 sortByName 函数。你需要一个如下的闭包:
document.getElementById('sortEnrol').onclick = function () {
sortByName(arrEnrolments);
};
几点评论:
enrolArray 变量在 init 函数中创建但从未使用过
pos 变量在 sortByName 函数中定义了两次
推荐阅读
- flutter - Error in Playing Audio with mobile data in Flutter using audioplayers plugin
- python - Poetry forces use of old version of Mypy
- r - How to combine rows in a dataframe based on identical value in multiple columns
- python - access multiple output array of python in bash
- python - 如何实现动态 tkinter 列表框?
- python - 我怎样才能让我的测试工具像这样工作?
- visual-studio - Javascript语言服务未下载成功
- python - 将 JSON 文件中的数据转换为 Python dict
- go - Golang - Gob over TCP 的不稳定性
- azure - Azure devops 管道/VS 模板/dockerfile 中的错误?