带有onclick事件的javascript弹出框

Question

I am looking for the JavaScript code that can assist me in getting something similar to the button onclick event. 我正在寻找可以帮助我获得类似于按钮onclick事件的JavaScript代码。 Please take a look at the code below. 请看下面的代码。

Javascript code 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 Code 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>

This popup script is working fine but I need an onclick event like button onClick='myfunction()' please any one help me Thanks 这个弹出脚本工作正常，但是我需要一个onclick事件，例如按钮onClick ='myfunction（）'，请任何人帮助我，谢谢

Answer 1

If I understand correctly you want to know how onclick event works in JavaScript, if that is the case as your question is not entirely clear, try something to the effect of the following: 如果我理解正确，那么您想知道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 个解决方案

解决方案1
2 已采纳 2015-10-07 11:22:54

带有onclick事件的javascript弹出框

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-10-07 11:22:54

解决方案1
2 已采纳 2015-10-07 11:22:54