[英]on change function in plain JavaScript
我试图制作一个在更改事件时触发的函数，但没有任何效果。 这是我的代码：
var PayContent = document.querySelectorAll('.details');
function OnChange() {
var webForm = document.getElementById('webFormWrap');
webForm.onchange = function(){
PayContent[0].style.display = "none";
button.style.cursor = "default";
document.getElementById('input_field').value = "";
}
// });
}
我试过在加载时并在设定的时间间隔内调用该函数； 也在控制台内。
不完全确定您希望在这里完成什么，特别是因为您没有发布任何 HTML，但这应该会让您接近。
HTML：
<body>
<div class="details" id="hideMe">This element will be hidden</div>
<form id="webFormWrap" onchange="OnChange()">
<input type="text">
</form>
</body>
请注意，我向您要隐藏的元素添加了一个 id“hideMe”。
JavaScript（外部加载）
function OnChange() {
var PayContent = document.querySelectorAll('div.details');
document.getElementById(PayContent[0].id).style.display = "none";
button.style.cursor = "default";
document.getElementById('input_field').value = "";
}
JavaScript 不需要在查询选择器中使用“#”。
你不能只是调用一个函数onchange并期望它工作。 您必须将事件侦听器添加到元素。 （我假设你在<form id="form">元素上有它）：
document.getElementById("form").addEventListener("change", OnChange);
这会将change事件添加到 ID 为form的元素。
如何将 .change 函数从 jQuery 迁移到纯 Javascript
[英]How to migrate a .change function from jQuery to plain Javascript
在纯 Javascript 中调用 Kotlin 发生的 Javascript 函数
[英]Call Kotlin transpired Javascript function in plain Javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.