[英]Javascript Onclick div class
So I have a button that is a div class, lets call it "login-button-arrow". 所以我有一个div类的按钮,我们称其为“ login-button-arrow”。 I want to set up a javascript method, so when this div gets clicked on, a little javascript box can pop up.
我想设置一个javascript方法,因此当单击该div时,会弹出一个小javascript框。
How do I go about doing this? 我该怎么做呢? I have tried something like this:
我已经尝试过这样的事情:
login-button-arrow.onclick{alert('xyz')}
but I guess it does not work like that. 但我想那不是那样的。
// Cache your elements:
var $lba= document.getElementsByClassName('login-button-arrow');
// You nice function:
function myPopup() {
alert( "xyz" );
}
// Assign a click event handler to every element:
for(var i=0; i<$lba.length; i++) {
$lba[i].onclick = myPopup;
}
Also see: http://caniuse.com/getelementsbyclassname and eventually https://gist.github.com/eikes/2299607 if you need to support IE6 :) 如果您需要支持IE6,也请参见: http : //caniuse.com/getelementsbyclassname以及最终https://gist.github.com/eikes/2299607 :)
A somewhat newer JS version of the above would be (lacks support in IE8): 以上版本的JS版本会比较新(缺少IE8支持):
var $lba= document.querySelectorAll('.login-button-arrow');
function myPopup() {
alert( "xyz" );
}
for(var i=0; i<$lba.length; i++) {
$lba[i].addEventListener("click", myPopup, false);
}
ES6 would look like: jsBin demo ES6看起来像: jsBin演示
function myPopup() {
alert( "xyz" );
}
const buttons = document.querySelectorAll('.login-button-arrow');
[...buttons].map( btn => btn.addEventListener("click", myPopup));
$('.login-button-arrow').on('click', function() { alert('xyz'); });
var login-button-arrows = document.getElementsByClassName('login-button-arrow');
login-button-arrows.forEach(function(obj){
obj.addEventListener('click', function(){
alert('xyz');
});
});
using Jquery : 使用Jquery:
$('#login-button-arrow').on('click', function(){ alert('xyz'); });
$('#login-button-arrow')。on('click',function(){alert('xyz');});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.