单击按钮时调用脚本

时间:2016-05-23 09:16:21

标签: javascript jquery html button

我有一个脚本可以帮助注释图像。我只想在单击按钮时运行此脚本。我试图使用事件onclick为按钮,但它不起作用。 这是代码

exec su -c $command $user

但这不起作用,我在加载页面时仍然运行脚本。我只需要在单击按钮“注释”时调用它。

1 个答案:

答案 0 :(得分:1)

你去吧

<script>
    $(document).ready(function(){
         $("#annotation").click( function()
           {
            alert("Hello!");
            // hljs.initHighlightingOnLoad(); //function of annotation
           });
    });
    </script>

    <button type="submit" id="annotation" > <img src="stylo.png"  style="width: 30px ; height:50px" alt="Submit"></button>

我不知道你的hljs.initHighlightingOnLoad();函数但是对于单击按钮时的函数执行,你必须在$(document).ready()函数中编写该代码。它运行良好,因为我已经测试了alert();

---------------------------的修订版 ------------ --------------------

我已经使用jnery和highlightjs的cdn测试了它

<head>
    <script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script> 

    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>

    <script>
        $(document).ready(function(){
         $("#annotation").click( function()
           {
              hljs.initHighlightingOnLoad(); //function of annotation
           });
        });
    </script>
</head>
<body>

    <button type="submit" id="annotation" > 
      <img src="stylo.png"  style="width: 30px ; height:50px" alt="Submit">
    </button>
  </body>