How to detect search input clear event with jQuery

jQuery

I use “keyup change search” in event listner like the following code below. $(“#filterCards”).on(‘keyup change search’, function() { // Do something… });

Chat area scroll to bottom jQuery script

jQuery

Here is the script you can use on page load, or wheneverr user submits message or on new user chat click. You will need to include jQuery before this code to functions as expected. The jQuery stop() method is used to stop animations or effects before it is...

ReactJS CSS Grid Builder

React

Add images of various formats via the buttons in the demo below See the Pen ReactJS CSS Grid Builder – Auto Flow Demo by Puneet Sharma (@webdevpuneet) on CodePen.

How to create HTML hidden templates in a page?

Misc

We can create an HTML hidden template using the following method that we can add anywhere in the page. After creating a template we can now use it, modify it, and append/prepend it’s html anywhere in the page. <script id=”imageTemplate”...

How to initiate Bootstrap 5 modal on a button click with jQuery

jQuery

chek the following jQuery script to open a modal on a button click. $(‘.btn-trash’).click(function(){ $(“#deleteTriggerModal”).modal(‘show’); });