javascript 事件监听器和事件对象

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 事件监听器和事件对象相关的知识,希望对你有一定的参考价值。

//Add Event Listener

// document.querySelector('.clear-tasks').addEventListener('click',
// function(e){
//   e.preventDefault;
//   console.log('Hello World');
// });


document.querySelector('.clear-tasks').addEventListener('mouseover',
  onClick);

function onClick(e){
// console.log('Clicked');
let val;
val = e;

//Event target element
val = e.target;
val = e.target.id;
val = e.target.className;
val = e.target.classList;

// e.target.innerText = 'Hello'

//Event Type 
val = e.type;

//Timestamp
val = e.timeStamp;

//Coords event relative to window
val = e.clientY;
val = e.clientX;

//Coords event relative to element
val = e.offsetY;
val = e.offsetX;

console.log(val);
}

以上是关于javascript 事件监听器和事件对象的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript自定义事件监听

javascript 一般表单事件监听器直接字段,对象属性

javascript事件监听

从 Javascript 中的事件侦听器调用访问对象的属性

JavaScript 事件类型,事件绑定,事件监听

Javascript 触摸对象