js⿏标移动、⿏标按下、⿏标释放和点击事件。⿏标移动：mousemovejs获取子元素
⿏标按下：mousedown
⿏标释放：mouseup
点击事件：click
<body>
<div class="box"></div>
<script>
  var ElementById("box");
  usedown=function(e){
  　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY
  }
  useup=function(e){
  　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY
  }
  usemove=function(e){
  　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY
  }
  lick=function(e){
  　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY
  }
//当⿏标按下，⿏标释放，和点击事件同时执⾏的时候，系统依次执⾏⿏标按下、⿏标释放、⿏标点击。
//获取X、Y的位置有两种⽅法。
1.    e.clientX  e.clientY  此⽅法是按照窗⼝左上⾓为原点进⾏获取的。
2.    e.pageX  e.pageY  此⽅法是按照⽂档左上⾓为原点进⾏获取的。
</script>
</body>
事件委托：将⼦元素将要执⾏的事件委托给⽗元素，⽗元素执⾏事件时，通过事件对象，来判断是哪个⼦元素触发的事件。事件冒泡：事件由内部向外部传播，外层如果有相同的事件，也会触发

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。