我正在寻找可以帮助我获得类似于按钮 onclick 事件的 JavaScript 代码。请看一下下面的代码。
Javascript代码
<script type='text/javascript'>
function myPopup() {
var overlay = $('<div id="overlay"></div>');
$('.x').click(function() {
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
var obj = document.getElementsByClassName('clickLink');
// alert("name");
myScript = function() {
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
return false;
};
obj[0].addEventListener("click", myScript);
}
</script>
HTML 代码
<div class='popup'>
popup content here
</div>
<div id='container'>
<button class='clickLink'>
Click Here to See Popup!
</button>
<!-- this is working 5ne i called class in javascript -->
<button type="submit" onclick='myPopup();'>
Click Here to See Popup!
</button>
<!-- but developers need like onclick event -->
</div>
</body>
这个弹出脚本工作正常，但我需要一个 onclick 事件，例如按钮 onClick='myfunction()' 请任何人帮助我谢谢
最佳答案
如果我理解正确，你想知道 onclick 事件在 JavaScript 中是如何工作的，如果是这样，因为你的问题不完全清楚，请尝试以下效果:
<!DOCTYPE html>
<html>
<body>
<p>Click "Try it" to execute the displayDate() function.</p>
<button id="myBtn">Try it</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").onclick = displayDate;
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>
</body>
</html>
关于带有onclick事件的javascript弹出框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32990638/