10 examples of 'angular on hover' in JavaScript

249
export function hover($el: ElementView, options: HoverEventOptions) {
250
  let timeout = 0;
251
  let active = false;
252
  let wasTriggeredByMouse = false;
253
254
  $el.on('mouseover', () => {
255
    if (options.preventMouseover && options.preventMouseover()) return;
256
    clearTimeout(timeout);
257
    timeout = delay(() => {
258
      if (active) return;
259
      if (options.enter) options.enter();
260
      wasTriggeredByMouse = true;
261
      active = true;
262
    }, options.delay);
263
  });
264
265
  $el.on('mouseout', () => {
266
    if (!wasTriggeredByMouse) return;
267
    clearTimeout(timeout);
268
    timeout = delay(() => {
269
      if (!active) return;
270
      if (options.exit) options.exit();
271
      active = false;
272
    }, options.exitDelay || options.delay);
273
  });
274
275
  const $clickTarget = options.$clickTarget || $el;
276
  $clickTarget.on('click', () => {
277
    if (active && (!wasTriggeredByMouse)) {
278
      if (options.exit) options.exit();
279
      active = false;
280
    } else if (!active) {
281
      if (options.enter) options.enter();
282
      wasTriggeredByMouse = false;
283
      active = true;
284
    }
285
  });
286
287
  $el.on('clickOutside', () => {
288
    if (!active) return;
289
    if (options.exit) options.exit();
290
    active = false;
291
  });
292
}

61
public hover(index: number, $event?: MouseEvent) {
62
63
	if (this.config.hover.preload === true) {
64
		this.asg.hoverPreload(index);
65
	}
66
67
	if (this.config.hover.select === true) {
68
		this.asg.setSelected(index);
69
	}
70
71
}

239
function hover(hover) {
240
	labelMaterial.opacity  = hover ? 1.0 : 0.5;
241
	markAsChanged();
242
}

20
function trigger_hover(this_) {
21
    reinit_buttons();
22
    // actions on focus into the button
23
    if ($(this_).hasClass(selected_chosen)) {
24
        $(this_).addClass(selected_preselected);
25
    } else {
26
        $(this_).addClass(selected);
27
    }
28
    return false
29
}

12
handleHover(isHover, event) {
13
  if ((this.props.isTouchDevice && event === 'touch') ||
14
    (!this.props.isTouchDevice && event === 'mouse')) {
15
    if (`/${this.props.path}` !== this.props.item.path) {
16
      $(this.refs.container).velocity('stop');
17
      $(this.refs.container).velocity({opacity: isHover ? 1 : 0.8}, {duration: 200});
18
    }
19
  }
20
}

44
doHover(document: TextDocument, position: Position): Hover {
45
  const interpolationHover = this.vueInterpolationMode.doHover(document, position);
46
  return interpolationHover.contents.length !== 0 ? interpolationHover : this.htmlMode.doHover(document, position);
47
}

410
}, function hoverOut() {
411
  $element.removeClass("searcher-search-result-highlight");
412
  clearTimeout(context.timeOut);
413
  context.timeOut = setTimeout(function () {
414
    self.$currentMetagURL = null;
415
    $element.popover('hide');
416
  }, 2500);
417
});

33
public onHover(event?: TooltipEvent) {
34
    this.tooltip.emit({...event, type: 'hover'});
35
}

19
function hover(e) {
20
    const object = self.objects[self.meshes.indexOf(e.mesh)];
21
    object.onOver({ action: e.action, object });
22
}

57
function mouseover(hover)
58
{
59
    vm.hover = hover;
60
    update();
61
}