Question

我正在寻找可以帮助我获得类似按钮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 =＆＃39; myfunction（）＆＃39; 请任何人帮助我谢谢

Answer 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>

带有onclick事件的javascript弹出框

1 个答案: