JS高級設計第七章——復習知識點 - diligenceday－IT工程師數位筆記本

文章出處

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>txt</title>
</head>
<body>
<input type="button" onclick="alert(&quot;1&quot;)" />
<input type="button" onclick="alert('1')" />
<script>
//事件
function(ev){
    switch(ev.type){
        case 'mouseover':
            dosometing;
            break;
        case 'mouseout':
            dosometing:
            break;
        default:
            dowhat
            break;
    }
};
//
/*
    event.target and event.currentTarget
    currentTarget === this;
    是不同的，targe( srcElement )也可以是是冒泡的元素;
    event.relateTarget;
    頁面在不存在滾動的情況下 pageX和clientX相等的..
    
    click dblclick onmousemove 在屏幕閱讀器里無法觸發；
    而且dblclick用鍵盤是無法實現的;
    
    keydown是用戶按任意鍵時候觸發
    keypress是用戶按字符時候觸發
    event.shiftKey || event.ctrlKey || event.altKey || event.metaKey
    
    textInput這個事件是DOM3的事件，只有在輸入框輸入字符時候才觸發的事件
    
    DOM節點被操作變動的事件
    1: DOMSubstreeModified dom結構發生變化即觸發
    2: ..
    
    hashchange事件 #adf #asdf url變化
    
    移動設備的事件 :
    1 : orientationchange
    2 : diviceorientation 設備方向發生改變的時候
    3 : devicemotion 設備移動或者其他情況觸發 ，有點 nation app的api的感覺有木有;
    
    移動設備事件觸發順序
    1 : touchstart =>
    
        mouseover =>
        mousemove =>
        mouseup =>
        click 
        
        touchend =>
        
        
    2 : gesturestar =>
        gesturechange =>
        getstureend 
    
*/
    '事件的模擬觸發 ~_~ ,只是基于標準的事件， ie的沒記錄';
    var ev = document.createEvent('MouseEvent');
    ev.init('click'/*一堆參數*/);
    ipt.dispatchEvent( ev );
    
    ev = document.createEvent('KeyEvent');
    ev.init('keypress'/*___*/);
    ipt.dispatchEvent( ev )
</script>
</body>
</html>