js---事件

一 mouseover,mouseenter

1.如果是给父元素绑定mouseover，那么它的所有子元素相当于也绑了。

子元素<--->父元素 都会触发

<div style='width:200px;height:200px;border:1px solid #000;'
   onmouseover="console.log('父元素')"
  >
    <div style='width:100px;height:100px;border:1px solid #000;margin:50px'>
          <div style='width:50px;height:50px;border:1px solid #000;margin:50px'>
          </div>
    </div>
</div>

二 onload事件

function loadImageAsync(url) {
  return new Promise(function(resolve, reject) {
    const image = new Image();

    image.onload = function() {
          console.log('aa')
      resolve(image);
    };

    image.onerror = function() {
      reject(new Error('Could not load image at ' + url));
    };
    //只要src是正确的，就会触发onload事件
    image.src = url;
  });
}
loadImageAsync('./1.jpg').then(img=>{
  $('body').append(img)
})

三 给某个dom绑定keydown事件

核心：让这个dom获取焦点

d3.select('dom').attr('indextab',1)
dom.focus()

链接描述tabindex详解