Javascript Mouse Event

 Want to understand Properly Plz see the video carefully on YouTube channel name is Adisma


Try It (Example)

<!DOCTYPE html>
<html>
<body> 
<script>    
function sayHello() {
   alert("Onclick event.")
} 
</script>   
<p>Click Say Hello button and see result.</p>      
<form>
 <input type="button" onclick="sayHello()" value="Say Hello" />
</form>
</body>
</html>

Mouse Events

EventOccurs When
onclickA user clicks on an element
oncontextmenuA user right-clicks on an element
ondblclickA user double-clicks on an element
onmousedownA mouse button is pressed over an element
onmouseenterThe mouse pointer moves into an element
onmouseleaveThe mouse pointer moves out of an element
onmousemoveThe mouse pointer moves over an element
onmouseoutThe mouse pointer moves out of an element
onmouseoverThe mouse pointer moves onto an element
onmouseupA mouse button is released over an element

Comments

Post a Comment

Popular posts from this blog

JavaScript Array Shift() method

  JavaScript  Array Shift() method The   shift()   method removes   the first item   of an array. The  shift()  method changes the original array. The  shift()  method returns the shifted element. <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title >Document</ title > </ head > < body >   < h1 >JavaScript Array shift()</ h1 >   < script >     const fruits = [ "Banana" , "Orange" , "Apple" , "Mango" ];     const delElem = fruits . shift ();     console . log (delElem);     console . log (fruits);       </ script > </ body > </ html >
Read more

JavaScript pop() Method

  Definition and Usage The  pop()  method removes (pops)  the last element  of an array. The  pop()  method changes the original array. The  pop()  method returns the removed element. <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title >Document</ title > </ head > < body >   < h1 >JavaScript Array pop() Method</ h1 >   < script >     const myNumbers = [ 1 , 4 , 8 , 4 ];         console . log (myNumbers);     console . log (myNumbers . pop ());     console . log (myNumbers);           </ script > </ body > </ html >
Read more

JavaScript Slice() method

  JavaScript Array slice() array .slice( start ,  end ) Description The  slice()  method returns selected elements in an array, as a new array. The  slice()  method selects from a given  start , up to a (not inclusive) given  end . The  slice()  method does not change the original array.   const fruits = [ "Banana" , "Orange" , "Lemon" , "Apple" , "Mango" ];                 //  -5         -4      -3         -2          -1     console . log (fruits . slice ( -4 , -1 ));
Read more