javascript - 如何使用className（javascript）在div标签上应用onclick

Question

我有一个像

div class="ncf-container nfc-bottom-right">
<div class="ncf info">
<button>X</button>
<p class="nfc-message">New Notification</p>
</div>
</div>

如何onclick使用类名（Javascript）在 div 上应用？

标签： javascriptjquery

Answer 1

以下是如何添加eventUsingJquery和javascript。

var classname = document.getElementsByClassName("nfc-bottom-right");
var myFunction = function() {
    alert('clicked javascript way');
};
for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('click', myFunction, false);
}


$(".nfc-bottom-right").on("click",function(){
  alert('Jquery way');
})

.nfc-bottom-right{
 border:2px solid green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="ncf-container nfc-bottom-right">
<div class="ncf info">
<button>X</button>
<p class="nfc-message">New Notification</p>
</div>
</div>