You asked: What event occurs when a user highlights text in a text field in Javascript?

Contents

The onselect event occurs after some text has been selected in an element. The onselect event is mostly used on or elements.</p> <h2 id="what-are-the-different-types-of-events-in">What are the different types of events in JavaScript?</h2> <p><b>JavaScript Event Types</b></p> <ul> <li>User Interface events. These occur as the result of any interaction with the browser window rather than the HTML page. … </li> <li>Focus and blur events. … </li> <li>Mouse events. … </li> <li>Keyboard events. … </li> <li>Form events. … </li> <li>Mutation events and observers. … </li> <li>HTML5 events. … </li> <li>CSS events.</li> </ul> <h2 id="which-event-is-occurred-when-click-into-textbox">Which event is occurred when click into textbox in JS?</h2> <p>The <b>oninput event</b> occurs when an element gets user input.</p> <h2 id="what-is-the-name-of-the-event-that-occurs">What is the name of the event that occurs when a user leaves an object?</h2> <p><b>The unload event</b> occurs when a user leaves the current web page. You can handle the unload event with the onunload event handler. The following example will show you an alert message when you try to leave the page.</p> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/lODdNoLpBSg" data-id="lODdNoLpBSg" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/lODdNoLpBSg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="how-do-you-highlight-selected-text-in-javascript">How do you highlight selected text in JavaScript?</h2> <p><b>How to get the Highlighted/Selected text in JavaScript?</b></p> <ol> <li>Example-1: By using window.getSelection property function selection(){ if (window.getSelection) return window.getSelection(); }</li> <li>Example 2: By using document.getSelection property function selection(){ if (document.getSelection) return document.getSelection(); }</li> </ol> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://alanxelsys.com/java/what-is-a-json-editor.html" target="_self" rel="nofollow" class="uea25704d4d8ced412217082f23a3dd10"><style> .uea25704d4d8ced412217082f23a3dd10 , .uea25704d4d8ced412217082f23a3dd10 .postImageUrl , .uea25704d4d8ced412217082f23a3dd10 .centered-text-area { min-height: 80px; position: relative; } .uea25704d4d8ced412217082f23a3dd10 , .uea25704d4d8ced412217082f23a3dd10:hover , .uea25704d4d8ced412217082f23a3dd10:visited , .uea25704d4d8ced412217082f23a3dd10:active { border:0!important; } .uea25704d4d8ced412217082f23a3dd10 .clearfix:after { content: ""; display: table; clear: both; } .uea25704d4d8ced412217082f23a3dd10 { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .uea25704d4d8ced412217082f23a3dd10:active , .uea25704d4d8ced412217082f23a3dd10:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .uea25704d4d8ced412217082f23a3dd10 .centered-text-area { width: 100%; position: relative; } .uea25704d4d8ced412217082f23a3dd10 .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .uea25704d4d8ced412217082f23a3dd10 .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .uea25704d4d8ced412217082f23a3dd10 .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://alanxelsys.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .uea25704d4d8ced412217082f23a3dd10:hover .ctaButton { background-color: #F39C12!important; } .uea25704d4d8ced412217082f23a3dd10 .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .uea25704d4d8ced412217082f23a3dd10 .uea25704d4d8ced412217082f23a3dd10-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .uea25704d4d8ced412217082f23a3dd10:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="uea25704d4d8ced412217082f23a3dd10-content"><span class="ctaText">IT IS INTERESTING:</span> <span class="postTitle">What is a JSON editor?</span></div></div></div><div class="ctaButton"></div></a></div><h2 id="which-is-dom-form-event">Which is Dom form event?</h2> <p>HTML DOM events allow <b>JavaScript to register different event handlers on elements in</b> an HTML document. Events are normally used in combination with functions, and the function will not be executed before the event occurs (such as when a user clicks a button).</p> <h2 id="is-load-a-dom-event-name">Is load a DOM event name?</h2> <p>form <b>events</b>: focus, blur, change, submit. window <b>events</b>: scroll, resize, hashchange, <b>load</b>, unload.</p> <h2 id="what-event-occurs-when-a-user-highlights">What event occurs when a user highlights text in a text field?</h2> <p>Definition and Usage</p> <p> <b>The onselect event</b> occurs after some text has been selected in an element. The onselect event is mostly used on <input type=”text”> or <textarea> elements.</p> <div style="text-align:center;"><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/s5mj3gaNWtg" data-id="s5mj3gaNWtg" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/s5mj3gaNWtg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="which-event-occurs-when-user-clicks-submit">Which event occurs when user clicks submit button?</h2> <p>The <b>submit event</b> fires when the user clicks a submit button ( <button> or <input type=”submit”>) or presses Enter while editing a field (e.g. <input type=”text”>) in a form. The event is not sent to the form when calling the form. submit() method directly.</p> <h2 id="which-event-is-fired-on-a-text-field">Which event is fired on a text field?</h2> <p>The input event fires <b>when the value of an <input> , <select> , or <textarea> element has been changed</b>. The event also applies to elements with contenteditable enabled, and to any element when designMode is turned on.</p> <h2 id="which-event-is-handled-by-button">Which event is handled by button?</h2> <p>The default event for the Page object is Load event. Similarly, every control has a default event. For example, default event for the button control is the <b>Click event</b>.</p> <h2 id="what-is-meant-by-event-bubbling">What is meant by event bubbling?</h2> <p>Event bubbling is a <b>type of event propagation where the event first triggers on the innermost target element, and then successively triggers on the ancestors (parents) of the target element in the same nesting hierarchy till it reaches the</b> outermost DOM element or document object (Provided the handler is initialized).</p> <div style="text-align:center;"><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://alanxelsys.com/java/how-do-i-get-1-date-in-sql.html" target="_self" rel="nofollow" class="u10d0ab7d4fb8301c5609425b937710cb"><style> .u10d0ab7d4fb8301c5609425b937710cb , .u10d0ab7d4fb8301c5609425b937710cb .postImageUrl , .u10d0ab7d4fb8301c5609425b937710cb .centered-text-area { min-height: 80px; position: relative; } .u10d0ab7d4fb8301c5609425b937710cb , .u10d0ab7d4fb8301c5609425b937710cb:hover , .u10d0ab7d4fb8301c5609425b937710cb:visited , .u10d0ab7d4fb8301c5609425b937710cb:active { border:0!important; } .u10d0ab7d4fb8301c5609425b937710cb .clearfix:after { content: ""; display: table; clear: both; } .u10d0ab7d4fb8301c5609425b937710cb { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #1ABC9C; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); } .u10d0ab7d4fb8301c5609425b937710cb:active , .u10d0ab7d4fb8301c5609425b937710cb:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #F1C40F; } .u10d0ab7d4fb8301c5609425b937710cb .centered-text-area { width: 100%; position: relative; } .u10d0ab7d4fb8301c5609425b937710cb .ctaText { border-bottom: 0 solid #fff; color: #FFFFFF; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .u10d0ab7d4fb8301c5609425b937710cb .postTitle { color: #141414; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .u10d0ab7d4fb8301c5609425b937710cb .ctaButton { background-color: #16A085!important; color: #FFFFFF; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://alanxelsys.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .u10d0ab7d4fb8301c5609425b937710cb:hover .ctaButton { background-color: #F39C12!important; } .u10d0ab7d4fb8301c5609425b937710cb .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .u10d0ab7d4fb8301c5609425b937710cb .u10d0ab7d4fb8301c5609425b937710cb-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .u10d0ab7d4fb8301c5609425b937710cb:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="u10d0ab7d4fb8301c5609425b937710cb-content"><span class="ctaText">IT IS INTERESTING:</span> <span class="postTitle">How do I get 1 date in SQL?</span></div></div></div><div class="ctaButton"></div></a></div><div class="rll-youtube-player" data-src="https://www.youtube.com/embed/f-ymjy2Eccc" data-id="f-ymjy2Eccc" data-query=""></div><noscript><iframe width="560" height="315" src="https://www.youtube.com/embed/f-ymjy2Eccc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></noscript></div> <h2 id="what-does-get-element-by-id-do">What does get element by id do?</h2> <p>getElementById() The Document method getElementById() returns an Element object representing the element whose <b>id property matches the specified string</b>. Since element IDs are required to be unique if specified, they’re a useful way to get access to a specific element quickly.</p> </div> </article> <div class="entry-footer"> </div> <div class="b-related"> <div class="b-related__items"> <div id="post-3762" class="post-card post-3762 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/question-how-do-i-install-mysql-on-windows-10-without-installing.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/question-how-do-i-install-mysql-on-windows-10-without-installing.html" rel="bookmark" >Question: How do I install MySQL on Windows 10 without installing?</a></div> </header> <div class="post-card__content"> How do I manually install MySQL on Windows 10? Download and install MySQL database </div> </div> <div id="post-3765" class="post-card post-3765 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/how-do-you-shorten-a-string-in-javascript.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/how-do-you-shorten-a-string-in-javascript.html" rel="bookmark" >How do you shorten a string in JavaScript?</a></div> </header> <div class="post-card__content"> How do you make a string shorter in JavaScript? Algorithm: If the length of </div> </div> <div id="post-3763" class="post-card post-3763 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/which-are-the-immutable-classes-in-java.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/which-are-the-immutable-classes-in-java.html" rel="bookmark" >Which are the immutable classes in Java?</a></div> </header> <div class="post-card__content"> Immutable class means once the object of the class is created its fields cannot </div> </div> <div id="post-3764" class="post-card post-3764 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/your-question-how-can-i-make-java-executable-in-netbeans.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/your-question-how-can-i-make-java-executable-in-netbeans.html" rel="bookmark" >Your question: How can I make Java executable in NetBeans?</a></div> </header> <div class="post-card__content"> How do I create an executable Java project in NetBeans? 2.1 Inno Setup Download </div> </div> <div id="post-3766" class="post-card post-3766 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/quick-answer-what-does-jquery-ui-do.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/quick-answer-what-does-jquery-ui-do.html" rel="bookmark" >Quick Answer: What does jQuery ui do?</a></div> </header> <div class="post-card__content"> jQuery UI is a curated set of user interface interactions, effects, widgets, and themes </div> </div> <div id="post-3767" class="post-card post-3767 post type-post status-publish format-standard category-java"> <div class="post-card__image"> <a href="https://alanxelsys.com/java/why-we-should-choose-java.html"> <div class="thumb-wide"></div> <div class="entry-meta"> <span class="entry-category"><span>Java</span></span> <span class="entry-meta__info"> <span class="entry-meta__comments" title="Comments"><span class="fa fa-comment-o"></span> 0</span> </span> </div> </a> </div> <header class="entry-header"> <div class="entry-title"><a href="https://alanxelsys.com/java/why-we-should-choose-java.html" rel="bookmark" >Why we should choose Java?</a></div> </header> <div class="post-card__content"> Most developers pick it up as their first programming language because it’s reasonably easy </div> </div> </div> </div> <meta itemprop="author" content="SVadmin"> <meta itemprop="datePublished" content="2021-08-07T15:49:30+03:00"/> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://alanxelsys.com/java/you-asked-what-event-occurs-when-a-user-highlights-text-in-a-text-field-in-javascript.html" content="You asked: What event occurs when a user highlights text in a text field in Javascript?"> <meta itemprop="dateModified" content="2021-08-07"> <meta itemprop="datePublished" content="2021-08-07T15:49:30+03:00"> <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject" style="display: none;"><img width="100" height="100" itemprop="url image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3C/svg%3E" alt="Secrets of programming" data-lazy-src="https://alanxelsys.com/wp-content/uploads/2021/08/logo-128.jpg"><noscript><img width="100" height="100" itemprop="url image" src="https://alanxelsys.com/wp-content/uploads/2021/08/logo-128.jpg" alt="Secrets of programming"></noscript></div><meta itemprop="name" content="Secrets of programming"><meta itemprop="telephone" content="Secrets of programming"><meta itemprop="address" content="https://alanxelsys.com"></div> </main> </div> </div> <aside id="secondary" class="widget-area" itemscope itemtype="http://schema.org/WPSideBar"> <div id="search-2" class="widget widget_search"> <form role="search" method="get" id="searchform_9342" action="https://alanxelsys.com/" class="search-form"> <label class="screen-reader-text" for="s_9342">Search: </label> <input type="text" value="" name="s" id="s_9342" class="search-form__text"> <button type="submit" id="searchsubmit_9342" class="search-form__submit"></button> </form></div><div id="text-5" class="widget widget_text"><div class="widget-header">About the author</div> <div class="textwidget"><p><img class="size-full wp-image-101 alignleft" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3E%3C/svg%3E" alt="" width="120" height="120" data-lazy-src="https://alanxelsys.com/wp-content/uploads/2021/08/logo-autor17.jpg" /><noscript><img class="size-full wp-image-101 alignleft" src="https://alanxelsys.com/wp-content/uploads/2021/08/logo-autor17.jpg" alt="" width="120" height="120" /></noscript>Welcome to my blog about web programming languages and web services. This blog covers PHP, Sphinx, Laravel, Elasticsearch, Postgresql, MySql, and Rest API. Here I share with you my knowledge of PHP and Open Source, as well as everything that interests me.</p> </div> </div><div id="wpshop_widget_articles-2" class="widget widget_wpshop_widget_articles"><div class="widget-articles"> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/php/what-does-private-static-method-mean-in-java.html">What does private static method mean in Java?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/php/what-stores-all-the-standard-java-classes.html">What stores all the standard Java classes?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/java/you-asked-how-do-you-serialize-in-java.html">You asked: How do you serialize in Java?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/bd/how-can-i-speed-up-sql-query-execution.html">How can I speed up SQL query execution?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/java/how-do-i-remove-multiple-characters-from-a-string-in-java.html">How do I remove multiple characters from a string in Java?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/php/how-do-you-declare-an-int-variable-in-sql.html">How do you declare an int variable in SQL?</a></div> </div> </div> <div class="widget-article widget-article--compact"> <div class="widget-article__body"> <div class="widget-article__title"><a href="https://alanxelsys.com/php/what-is-used-instead-of-pointers-in-java-than-c.html">What is used instead of pointers in Java than C?</a></div> </div> </div></div></div> </aside> </div> <div class="b-r--after-site-content container"></div> <div class="footer-navigation container"> <div class="main-navigation-inner "> <div class="menu-main-container"><ul id="footer_menu" class="menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6315"><a href="https://alanxelsys.com/php">PHP</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-6316"><a href="https://alanxelsys.com/java">Java</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6317"><a href="https://alanxelsys.com/bd">BD</a></li> </ul></div> </div> </div> <footer class="site-footer container" itemscope itemtype="http://schema.org/WPFooter"> <div class="site-footer-inner "> <div class="footer-info"> © 2023 Secrets of programming <div class="footer-text"><p><a href="https://alanxelsys.com/contact">Contacts</a> | <a href="https://alanxelsys.com/about-us">About us</a> | <a href="https://alanxelsys.com/policy">Privacy Policy & Cookies</a></p> <p> ATTENTION TO RIGHT HOLDERS! All materials posted on the site are strictly for informational and educational purposes! If you think that the posting of any material infringes your copyright, be sure to contact us through the contact form and your material will be removed! </p></div> </div> </div> </footer> <button type="button" class="scrolltop js-scrolltop" data-mob="on"></button> </div> <script type="rocketlazyloadscript">var pseudo_links = document.querySelectorAll(".pseudo-clearfy-link");for (var i=0;i<pseudo_links.length;i++ ) { pseudo_links[i].addEventListener("click", function(e){ window.open( e.target.getAttribute("data-uri") ); }); }</script>  <script type="rocketlazyloadscript" data-rocket-type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(83777713, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/83777713" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script type="rocketlazyloadscript">document.addEventListener("copy", (event) => {var pagelink = "\nИсточник: https://alanxelsys.com/java/you-asked-what-event-occurs-when-a-user-highlights-text-in-a-text-field-in-javascript.html";event.clipboardData.setData("text", document.getSelection() + pagelink);event.preventDefault();});</script><script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/alanxelsys.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" data-minify="1" src='https://alanxelsys.com/wp-content/cache/min/1/wp-content/themes/root/js/lightbox.js?ver=1667042501' id='root-lightbox-js' defer></script> <script type='text/javascript' id='root-scripts-js-extra'> /* <![CDATA[ */ var settings_array = {"rating_text_average":"average","rating_text_from":"from","lightbox_enabled":""}; var wps_ajax = {"url":"https:\/\/alanxelsys.com\/wp-admin\/admin-ajax.php","nonce":"648454220a"}; /* ]]> */ </script> <script type="rocketlazyloadscript" src='https://alanxelsys.com/wp-content/themes/root/js/scripts.min.js' id='root-scripts-js' defer></script> <script type='text/javascript' id='q2w3_fixed_widget-js-extra'> /* <![CDATA[ */ var q2w3_sidebar_options = [{"sidebar":"sidebar-1","use_sticky_position":false,"margin_top":0,"margin_bottom":0,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":["#ai_widget-2"]}]; /* ]]> */ </script> <script type="rocketlazyloadscript" src='https://alanxelsys.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js' id='q2w3_fixed_widget-js' defer></script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://alanxelsys.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.5/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>