一 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詳解