Différences

Ci-dessous, les différences entre deux révisions de la page.

--- webdev:javascript:basics [05/11/2018 18:43] – dolo
+++ webdev:javascript:basics [02/12/2020 21:20] (Version actuelle) – [Basics] dolo
@@ Ligne 1: / Ligne 1: @@
 ====== Basics ======
+  * [[https://stackoverflow.com/questions/24816/escaping-html-strings-with-jquery#answer-12034334|Escape HTML]]
+  * [[https://www.sitepoint.com/delay-sleep-pause-wait/|Delay sleep pause wait]] - or lack thereof [[https://www.w3schools.com/js/js_timing.asp|Doc]]
+  * ...
 ==== Events ====
@@ Ligne 8: / Ligne 11: @@
   * On Chrome **e.originalEvent.screenX** take different values than **e.originalEvent.clientX**, unlike Firefox.
+== Pass additionnal parameters to an event using jQuery .trigger() ==
+<Code linenums>
+// Trigger
+$('.volume').on('mousemove', function(e)
+{
+	console.log(e);
+	console.log(e.pageX);
+	$('.volume').trigger('mousedown', [e.pageX] );
+});
+// We get the value as
+$('.volume').on('mousedown', function(e, altPageX)
+{
+	console.log(e);
+	console.log(altPageX);
+});
+</Code>
+== Debouncing / Throttle ==
+  * [[https://eloquentjavascript.net/15_event.html#h_AOVmaqj10I|Source]]
+Throttle : Similar to debouncing but ensure a minimum execution of the function every fixed time
+  * [[https://css-tricks.com/debouncing-throttling-explained-examples/#article-header-id-5|Source]]
+Using jQuery's .one() can also work.
 ==== Promises ====
   * https://javascript.info/promise-basics

Notes