Javascript onClick 不執行

Question

我創建了一個按鈕代碼。 見下文：

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">

當我單擊按鈕時，該按鈕不起作用並且它不執行 javascript。 你能幫我修一下嗎？

我想在帖子或頁面的任何位置顯示此按鈕。

Answer 1

您的代碼運行良好。 我在 javascript 下面添加了它，它按預期工作。 請嘗試將此添加到您的代碼中，看看它是否有效 -

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">

<script>
    function tmpl_login_frm() {
        console.log('vivek');
    }
</script>

但是是的，您不應該將 href 與輸入一起使用，因為這是無效的 HTML。

Answer 2

我試過這個，它正在工作。 請檢查。 參考： https : //jsfiddle.net/hcumg4bq/1/

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" data-reveal-id="tmpl_reg_login_container">
    <script>
        function tmpl_login_frm() {
            window.alert("I'm clicked");
        }
    </script>

Answer 3

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">
<script>
    function tmpl_login_frm() {
       alert("tmpl_login_frm");
    }
</script>

這段代碼對我有用

Answer 4

你的代碼對我來說很好用......
也許是因為您的導航器不允許警報！

打開 Chrome。
在瀏覽器窗口的右上角，點擊 Chrome 菜單 ☰
單擊設置 > 顯示高級設置。
在“隱私”部分，單擊內容設置。
在出現的對話框中，轉到“通知”並選擇以下內容：
允許所有網站顯示通知：您將自動看到來自所有網站的通知。

 <input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" data-reveal-id="tmpl_reg_login_container"> <script> function tmpl_login_frm() { window.alert("I'm clicked"); } </script>