Scribd Logo
Upload

Welcome to Scribd!

  • Javascript Event

    Uploaded by

    monu kumar
    2 views4 pages

    Original Title

    javascript event (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views4 pages

    Javascript Event

    Uploaded by

    monu kumar

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Event Description

    onchange An HTML element has been changed

    onclick The user clicks an HTML element

    onmouseover The user moves the mouse over an HTML element

    onmouseout The user moves the mouse away from an HTML element

    onkeydown The user pushes a keyboard key

    onload The browser has finished loading the page

    <!DOCTYPE html>

    <html>

    <body>

    <p>Select a new car from the list.</p>

    <select id="techinate" onchange="myFunction()">

    <option value="java">java</option>
    <option value="php">php</option>

    <option value="bootstrap">bootstrap</option>

    <option value="jquery">jquery</option>

    </select>

    <p>When you select a new car, a function is triggered which outputs the value of the selected car.</p>

    <p id="demo"></p>

    <script>

    function myFunction() {

    var x = document.getElementById("mySelect").value;

    document.getElementById("techinate").innerHTML = "You selected: " + x;

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <body>

    <h1>HTML DOM Events</h1>

    <h2>The onclick Event</h2>

    <p>techinate.</p>

    <p>techinate:</p>
    <button onclick="myFunction()">Click me</button>

    <p id="demo"></p>

    <script>

    function myFunction() {

    document.getElementById("techinate").innerHTML = "mohan kumar";

    </script>

    </body>

    </html>

    Large image

    <!DOCTYPE html>

    <html>

    <body>

    <h1>HTML DOM Events</h1>

    <h2>The onmouseover Event</h2>

    <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="kat.jpg"


    alt="Smiley" width="32" height="32">

    <p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
    <p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</p>

    <script>

    function bigImg(x) {

    x.style.height = "64px";

    x.style.width = "64px";

    function normalImg(x) {

    x.style.height = "32px";

    x.style.width = "32px";

    </script>

    </body>

    </html>

    You might also like