帶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彈出框

回答

相關問題