10 examples of 'angular on hover' in JavaScript

Every line of 'angular on hover' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
this disclaimer
249export 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}
Important

Use secure code every time

Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code

61public 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}
239function hover(hover) {
240 labelMaterial.opacity = hover ? 1.0 : 0.5;
241 markAsChanged();
242}
20function 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}
12handleHover(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}
44doHover(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});
33public onHover(event?: TooltipEvent) {
34 this.tooltip.emit({...event, type: 'hover'});
35}
19function hover(e) {
20 const object = self.objects[self.meshes.indexOf(e.mesh)];
21 object.onOver({ action: e.action, object });
22}
57function mouseover(hover)
58{
59 vm.hover = hover;
60 update();
61}

Related snippets