按钮onclick事件(硬编码)

时间:2011-05-02 12:54:24

标签: javascript events button onclick


是否可以在onclick标签中“直接”检查e.button?

例如

<div onclick="if(e.button == 1) { alert(e.button); }"></div>

提前致谢!
彼得

2 个答案:

答案 0 :(得分:3)

是。它看起来像:

<div onclick="javascript:var e = window.event; if(e.button == 1) { alert(e.button); }"></div>

答案 1 :(得分:2)

您放入onclick的内容将包含在一个函数中,因此理论上您可以将任何JavaScript放在那里:

<div onclick="var e = event || window.event; if(e.button == 1) { alert(e.button); }"></div>

但它并不被认为是一种好的做法,因为很难维护和混合HTML和JavaScript。更好的方法是使用JavaScript附加函数:

// given your HTML is
<div id="myDIV"></div>

// you can do:
document.getElementById('myDIV').onclick = function(event) {
   var e = event || window.event; 
   if(e.button == 1) { 
       alert(e.button); 
   }
}

quirksmode.org provides every good information about JavaScript and events