Question

按下带有类型按钮的按钮后，我需要调用一个javascript。

<button type='button' 
        class='btn btn-sm btn-primary pull-right m-t-n-xs' 
        style='width: 100%;' id='demo' onclick='demo();'>
          <strong>Edit</strong>
</button>

我已经尝试了下面的javascripts，但是他们有错误

 $('#demo').click(function() {
     alert('hey');
 });

对于上面的J，它没有错误，但它没有警告..

document.getElementById("demo").onclick = function() { myFunction() };

function myFunction() {
    alert('hey');
}

上面js的错误是：Uncaught TypeError：无法在HTMLDocument中设置null的属性'onclick'。

window.onload = function() {
   document.getElementById("demo").onclick=function() {
     alert("Hello WOrld");
    }
}

最后一个错误是：Uncaught TypeError：无法设置null的属性'onclick' 在window.onload

Answer 1

我删除了代码中不相关的部分以简化答案。这是一个更简单的HTML：

<button id="demo">Edit</button>

请注意，您不应在onclick属性中包含JavaScript。那是旧学校，只会让你的生活变得更加悲惨。

以下是一些示例JavaScript：

window.onload=function() {
    var button=document.querySelector('button#demo');
    button.onclick=doit;
}

function doit() {
    alert('clicked');
}

你当然不需要jQuery。

对于它的价值，您可能不应该使用style属性 - 这就是class属性的用途。也不要在按钮内使用strong。它在语义上是不正确的，并且，如果您希望文本为粗体，请在按钮本身上使用CSS。

Answer 2

＆＃13;

$('#demo').click(function() {
     console.log('hey');
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' class='btn btn-sm btn-primary pull-right m-t-n-xs' style='width: 100%;' id='demo'>
          <strong>Edit</strong>
</button>

＆＃13;

Answer 3

以下是完整的示例：按钮是使用按钮类型创建的，并且onclick功能已绑定。 <button type="button" onclick="onClickHandler()">Click Me!</button>

`<script>
    // This function gets triggered when button is clicked.
    function onClickHandler(){
        alert("JS rocks");
    }
</script>`

按下按钮后调用javascrtipt

3 个答案: