带onclick事件的javascript弹出框

我正在寻找可帮助我获得类似于按钮onclick事件的JavaScript代码。请看下面的代码。带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的（）' 请任何一个帮助我谢谢

来源

2015-10-07 Madhusudan Yadav

5ne是什么意思？ –

请提供我们的小提琴，好像这个脚本工作正常，那么你还需要什么工作？在这里你正在使用onclick功能 – amoeba

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

来源

2015-10-07 11:22:54 Sizons

感谢您的重播， –

只有一个乐趣，让我知道如果这是你正在寻找，并可能标记为正确的答案，如果它的工作:) – Sizons

带onclick事件的javascript弹出框

回答

相关问题