Question

我创建了一个带有CSS的按钮：

<div class="button">Click me!</div>

现在，当点击此按钮时，我不知道如何执行javascript功能？！ onClick喜欢HTML按钮在这里不起作用。

你能帮帮我吗？谢谢！

编辑：这是我基本上的：

HTML

<span class="button" onClick="farmArbeiter()" style="margin-left: 25%;">Kaufe Arbeiter</span>

onClick和onclick都不起作用。 javascript

function farmArbeiter() { alert("it works");}

Answer 1

使用javascript：

为其附加点击事件处理程序

＆＃13;

document.getElementById("BT1").addEventListener("click", function(){
    alert("oh snap, i was clicked...");
});

＆＃13;

<div class="button" id="BT1">Click me!</div>

＆＃13;

Answer 2

使用jquery有几种方法..

$(document).on('click','.button',function(e){ //your code  });


$('.button').on('click',function(e){ //your code  });


$('.button')[0].onclick = MyFunction;

function Myfunction()
{
  //your code...
}

使用javascript你可以：

document.getElementsByClassName('button')[0].onclick = function(event){ 
  //your code 
 }

Answer 3

试试这个

您可以使用jquery。

$('.button').click(function(){ -- code --});

CSS Button调用javascript函数

3 个答案: