1.mouse事件
代码:
<body id='body'>
<div id='parent'><div id='child'>child<input type='button' value="click me" id='buttom'/></div>parent</div>body
<script type="text/javascript" src='../js/JSEvent.js'></script>
<script type="text/javascript">
function handler(event){
console.log(event.type+" target:"+event.target.id+" eventPhase "+event.eventPhase+" currentTarget:"+event.currentTarget.id+" this id is:"+this.id);
var event=EventUtil.getEvent(event);
EventUtil.stopBubble(event);
}
//主要是修改addEventHandler的第二个参数,“mouseover”“mouseenter”“mouseleave”“mouseout”
EventUtil.addEventHandler(document.getElementById('parent'),'mousemove',handler);
</script>
</body>
mouseover 和mouseenter,两者都是移动到元素中时触发,后者不会冒泡。
mouseout和mouseleave,都是离开该元素时就会触发,后者不会冒泡。
mousedown和mouseup,当鼠标按下时和松开鼠标时触发,不能通过键盘触发。
mousemove,当鼠标在元素内移动时,会触发该元素的move事件。
2.background-position,参考这篇博文:http://blog.csdn.net/JeamKing/article/details/5617088