Իվենթ օբյեկտը jQuery-ում

Այժմ մենք կսկսենք ծանոթանալ jQuery-ի իրադարձություններին:

Երբ jQuery-ում իրադարձություն է տեղի ունենում, գեներացվում է իրադարձության օբյեկտ event, որը պարունակում է դրա մասին ամբողջ տեղեկատվությունը: Այս օբյեկտը փոխանցվում է մշակիչ ֆունկցիային:

Օրինակ, եկեք պարզենք, թե որ թեգի վրա ենք կլիկ անում: Վերցնենք հետևյալ HTML կոդը:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

CSS-ն ունի հետևյալ տեսքը:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

Այժմ օգտագործենք մեր event.target.nodeName օբյեկտի event հատկությունը, որն իր հերթին մենք փոխանցում ենք click մեթոդի մշակիչ ֆունկցիային:

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

event օբյեկտը պարունակում է բազմաթիվ հատկություններ և մեթոդներ: