Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • javascript创建事件

    post by onelong / 2009-10-7 21:12 Wednesday [javascript]

    <html>
    <body>
    <div id="obj" style="width:200px; height:200px; background-color:#999" onmousemove="this.style.backgroundColor='red'"></div><br />
    <input type="button" value="点击" onclick="check()" />//点击button就会创建obj的onmousemove
    <script language="javascript">
    function check(){
      var obj = document.getElementById('obj');
        if( document.createEvent )     //IE
        {
            var evObj = document.createEvent('MouseEvents');
            evObj.initEvent( 'mousemove', true, false );
           obj.dispatchEvent(evObj);
        }
    else if( document.createEventObject ) //firefox
    {
          obj.fireEvent('onmousemove');
    }  }
    </script>
    </body>
    </html>

    1. createEvent(eventType)
    参数:eventType 共5种类型:
        Events :包括所有的事件.
        HTMLEvents:包括 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'select', 'submit', 'unload'. 事件
        UIEevents :包括 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'keydown', 'keypress', 'keyup'.
         间接包含 MouseEvents.
         MouseEvents:包括 'click', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup'.
         MutationEvents:包括 'DOMAttrModified', 'DOMNodeInserted', 'DOMNodeRemoved', 'DOMCharacterDataModified', 'DOMNodeInsertedIntoDocument', 'DOMNodeRemovedFromDocument', 'DOMSubtreeModified'.
    2. 在createEvent后必须初始化,为大家介绍5种对应的初始化方法
    HTMLEvents 和 通用 Events:
        initEvent( 'type', bubbles, cancelable )
        UIEvents :initUIEvent( 'type', bubbles, cancelable, windowObject, detail )
        MouseEvents:initMouseEvent( 'type', bubbles, cancelable, windowObject, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget )
        MutationEvents :initMutationEvent( 'type', bubbles, cancelable, relatedNode, prevValue, newValue, attrName, attrChange )
    3. 在初始化完成后就可以随时触发需要的事件了,为大家介绍targetObj.dispatchEvent(event)
       使targetObj对象的event事件触发需要注意的是在IE 5.5+版本上请用fireEvent方法,还是浏览兼容的考虑

    引用地址:
     

    我要评论