jQuery程序设计基础教程 工业和信息化普通高等教育“十二五”规划教材 教学课件 作者 姚敦红 杨凌 张志美 李晓黎 等编著 第7章.ppt

【例7-7】 !DOCTYPE html html head style div { color:red; } /style script type=text/javascript src=jquery.js/script /head body input id=whichkey value= div id=log/div script $(#whichkey).keydown(function(e){ $(#log).html(e.type + : + e.which ); }); /script /html 浏览【例7-7】的结果 7.2.2 Event对象的方法 方 法 说 明 isDefaultPrevented 返回是否在此Event对象上调用过event.preventDefault()方法 isImmediatePropagationStopped 返回是否在此Event对象上调用过event. stopImmediatePropagation ()方法 isPropagationStopped 返回是否在此Event对象上调用过event. stopPropagation ()方法 preventDefault 如果调用了此方法，则此事件的默认动作将不会触发 stopImmediatePropagation 阻止执行其余的事件处理函数，并阻止事件在DOM树中冒泡（即在DOM树中的元素间传递） stopPropagation 阻止事件在DOM树中冒泡，并阻止父处理函数接到事件的通知 提示 容器元素中可以包含子元素，例如div元素里可以包含img元素。如果在img元素上触发了click事件则也会触发其父元素（div元素）的click事件。这就是事件的冒泡 【例7-8】 html head script type=text/javascript src=/jquery.js/script script type=text/javascript $(document).ready(function(){ $(a).click(function(event){ event.preventDefault(); }); }); /script /head body a href=/人民邮电出版社/a /body /html 7.3 jQuery 事件方法 7.3.1 键盘事件 7.3.2 鼠标事件 7.3.3 文档加载事件 7.3.4 浏览器事件 7.3.1 键盘事件 方 法 说 明 focusin( handler(eventObject) ) 绑定到focusin事件处理函数的方法。focusin事件当光标进入HTML元素时触发 focusout( handler(eventObject) ) 绑定到focusout事件处理函数的方法。Focusout事件当光标离开HTML元素时触发 keydown( handler(eventObject) ) 绑定到keydown事件处理函数的方法。keydown事件当按下按键时触发 .keypress( handler(eventObject) ) 绑定到keypress事件处理函数的方法。keypress事件当按下并放开按键时触发 keyup( handler(eventObject) ) 绑定到keyup事件处理函数的方法。Keyup事件当放开按键时触发 【例7-9】 !DOCTYPE html html head script type=text/javascript src=jquery.js/script /head body input id=target type=text value=按下键 / script ? function handler(event) { alert(event.data.foo); } $(#target).keypress(function() { alert(Handler for .keypress() called.); }); /script /body /html 7.3.2 鼠标事件 方 法 说 明 click( handler(eventObject) ) 绑定到click事件处理函数的方法。click事件当单击鼠标时触发 dblclick ( handler(eventObject) ) 绑定到dblclick事件处理函数的方法。dblclick事件当双击鼠标时触发 focusin( handler(eventObject) ) 绑定到focusin事件处理函数的方