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菜单☰
点击设置＆gt;显示高级设置在＆＃34;隐私＆＃34;部分，单击内容设置在出现的对话框中，转到＆＃34;通知＆＃34;并选择以下内容：
允许所有网站显示通知：您将自动查看来自所有网站的通知。

＆＃13;

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

＆＃13;

Javascript onClick不会执行

4 个答案: