我可以为<h1>到<h6>标签设置onClick()事件吗？

Question

我想在<h1> to <h6>(任何标题标签)上运行onClick()事件来运行一些javascript.请给我一些示例,让onClick()事件<h1> 显示一些alert()消息.

谢谢 :)

Answer 1

它被称为内联事件注册模型.是的,你可以做更多或更少的事情.

但请不要这样做.

这是古老而可靠的,是的.但缺点是它需要您将JS行为放入XHTML结构中.

你最好使用以下习语:

element.onclick = doSomething;

在jQuery中,这可能看起来像:

  $(":header").click(function(){
     alert('Handler for .click() called.')
   });

祝好运!

Answer 2

如果你愿意使用jQuery,它很容易处理.

$('h1, h2, h3, h4, h5, h6').click(function(){
    //do something on click
});

如果您想在每个级别的标题上使用不同的功能,您也可以轻松地执行此操作:

$('h1').click(function(){
    //do something on click
});

$('h2').click(function(){
    //do something on click
});

//Etc.