JavaScript教程:网页浮动定位提示效果

核心提示： 其中Check程序是用来判断relatedTarget是不外部元素，即鼠标离开的元素是不是外部元素，JavaScript教程:网页浮动定位提示效果(4)， 如果是外部元素，就说明当前是隐藏延时阶段，点击方式： 点击方式显示是指点击触发元素的时候显示Tip， 在Add程序中会给触发元素的cl

其中Check程序是用来判断relatedTarget是不外部元素，即鼠标离开的元素是不是外部元素。

如果是外部元素，就说明当前是隐藏延时阶段，那么只要清除定时器来取消隐藏就可以了。

这里的外部元素是指触发元素和Tip对象本身及其内部元素以外的元素。

这个有点拗口，那再看看Check程序是怎么判断的就明白了：

return !this._trigger ||
　　　 !(
　　　　　　　 this.Tip === elem || this._trigger.Elem === elem ||
　　　　　　　 Contains(this.Tip, elem) || Contains(this._trigger.Elem, elem)
　　　 );

首先判断_trigger是否存在，不存在的话说明是刚开始触发，也看成是外部触发。

存在的话再判断传递过来的元素是不是Tip或触发元素本身，最后再用Contains判断判断是不是在Tip或触发元素内部。

ps：关于Contains请参考这里的比较文档位置。

这样得到的是判断是否内部元素，最后取反就是判断是否外部元素了。

点击方式：

点击方式显示是指点击触发元素的时候显示Tip。

在Add程序中会给触发元素的click事件绑定以下程序：

addEvent(elem, "click", BindAsEventListener(this, function(e){
　　　 if (trigger.ClickShow) {
　　　　　　　 if (this.CheckShow(trigger)) {
　　　　　　　　　　　 this.ReadyShow(trigger.ClickShowDelay);
　　　　　　　 } else {
　　　　　　　　　　　 clearTimeout(this._timer);
　　　　　　　 };
　　　 };
}));

首先根据ClickShow判断是否进行点击显示，再用CheckShow检测是否同一个触发对象。