none
jquery mouseover RRS feed

  • Pregunta

  • hola :  tengo este codigo para probar el evento mouseover en jquery  ( son las primeras pruebas que hago ) :

    <script>
            $("#Btnmsg").mouseover(function () {
                alert("mouseover");
            });
        </script>

    por lo que entiendo , Al apoyar sobre el boton el puntero del mouse  tendria que salir el mensaje alert . Pero no lo hace . 

    gracias por la ayuda 

    miércoles, 30 de mayo de 2018 1:35

Todas las respuestas

  • Hola ciclon25:

    Es posible que tengas mal referenciado el uso de jquery.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>mouseover demo</title>
      <style>
      div.out {
        width: 40%;
        height: 120px;
        margin: 0 15px;
        background-color: #d6edfc;
        float: left;
      }
      div.in {
        width: 60%;
        height: 60%;
        background-color: #fc0;
        margin: 10px auto;
      }
      p {
        line-height: 1em;
        margin: 0;
        padding: 0;
      }
      </style>
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
     
    <div class="out overout">
      <span>move your mouse</span>
      <div class="in">
      </div>
    </div>
     
    <div class="out enterleave">
      <span>move your mouse</span>
      <div class="in">
      </div>
    </div>
     
    <script>
    var i = 0;
    $( "div.overout" )
      .mouseover(function() {
        i += 1;
        $( this ).find( "span" ).text( "mouse over x " + i );
      })
      .mouseout(function() {
        $( this ).find( "span" ).text( "mouse out " );
      });
     
    var n = 0;
    $( "div.enterleave" )
      .mouseenter(function() {
        n += 1;
        $( this ).find( "span" ).text( "mouse enter x " + n );
      })
      .mouseleave(function() {
        $( this ).find( "span" ).text( "mouse leave" );
      });
    </script>
     
    </body>
    </html>

    Fijate en como esta hecho en el código de la referencia de la página de jquey http://api.jquery.com/mouseover/

    En tu navegador, pulsando f12 (herramientas de desarollo), en la pestaña consola, probablemente un error, que te indicará que no esta pudiendo referenciar a ...

    https://msdn.microsoft.com/es-es/communitydocs/web-dev/ie11/ie11-la-consola-de-salida-de-texto

    Un saludo

    miércoles, 30 de mayo de 2018 4:10