带有 onclick 事件的 javascript 弹出框答案

【问题标题】：javascript popup box with onclick event带有 onclick 事件的 javascript 弹出框
【发布时间】：2015-10-07 19:54:19
【问题描述】：

我正在寻找可以帮助我获得类似于按钮 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 事件，例如 button onClick='myfunction()' 请任何人帮助我谢谢

【问题讨论】：

你说的5ne是什么意思？
请给我们提琴，好像这个脚本工作正常，那么你还需要做什么？这里你使用的是 onclick 功能

标签： javascript html css

【解决方案1】：

如果我理解正确，您想知道 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>

【讨论】：

感谢重播，
很高兴，如果这是您正在寻找的内容，请告诉我，如果有效，可能标记为正确答案:)
这是解决我问题的唯一答案。很简单！简单也可以强大。