文章摘要
这篇文章介绍了如何使用JavaScript处理窗口边界事件（Window Move Event），以确保目标元素不会超出父容器的边界。文章详细描述了如何通过`event.target`获取目标元素，并根据事件参数计算其x和y坐标。当目标元素超出父容器的左边或上边时，将其x或y坐标设为0；当超出右边或下边时，将坐标调整到父容器的对应边框位置。这种边界检测技术有助于实现窗口平移时的居中显示效果。
this.addEventListener(TitleWindowBoundsEvent.WINDOW_MOVE,function(event:Event):void{
event.target.x=event.target.x < 0 ? 0 : event.target.x;
if(event.target.x + event.target.width > event.target.parent.width){
if(event.target.parent.width – event.target.width < 0){
event.target.x=0;
}else{
event.target.x=event.target.parent.width – event.target.width;
}
}
event.target.y=event.target.y < 0 ? 0 : event.target.y;
if(event.target.y + event.target.height > event.target.parent.height ){
if(event.target.parent.height – event.target.height < 0){
event.target.y=0;
}else{
event.target.y=event.target.parent.height – event.target.height;
}
}
});
© 版权声明
文章版权归作者所有，未经允许请勿转载。
