js学习小结（十三）2014.5.20（mouse事件和background-position属性）

最新推荐文章于 2024-08-04 22:38:35 发布

zd10101501

最新推荐文章于 2024-08-04 22:38:35 发布

阅读量986

点赞数

分类专栏： js css

本文链接：https://blog.csdn.net/danzhang1010/article/details/26510731

版权

js 同时被 2 个专栏收录

63 篇文章 0 订阅

订阅专栏

css

33 篇文章 0 订阅

订阅专栏

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，两者都是移动到元素中时触发，后者不会冒泡。