Este artículo comparte el código de ejemplo de Efecto Especial JS Mouse para su referencia. El contenido específico es el siguiente
Ejemplo 1: Desactive el botón derecho del mouse
<script type = "text/javaScript"> // Definir la devolución de llamada para el botón del mouse del documento documento.oNMouseDown = function (event) {// Determine si el valor del evento es hacer clic con el botón derecho (event.button == 2) {alerta ('Disable-click!'); // solicita al usuario que desactive el clic derecho}} </script>0 sin botón Presione
1 Presione el botón izquierdo
2 Presione el botón derecho
3 Presione las teclas izquierda y derecha
4 Presione la tecla central
5 Presione las teclas izquierda y media
6 Presione las teclas derecha y media
7 Presione todas las teclas
Ejemplo 2: Defina dinámicamente la forma del puntero del mouse
<script type = "text/javaScript"> // Inicialice la función de forma del mouse initMouse () {// Obtener el DOM de destino a través del nombre de la etiqueta. Si es una página web completa, puede usar el cuerpo var pdom = document.getElementsBytagName ("P") [0]; // Modificar la forma del puntero del mouse del estilo, el puntero es la forma de la mano pdom.style.cursor = 'puntero'; } </script>Código de atributo de nombre
Cursor de estilo de flecha predeterminado: predeterminado
Cursor de forma de la mano: puntero
Cursor de forma de la mano: mano
Mover Cursor de flecha cruzada: moverse
Ayuda del cursor del signo de interrogación: ayuda
Crossor de Crosshair: Crosshair
Text/Editor cursor: texto
No se puede lanzar (deshabilitar) Cursor: No-Drop
Desactivar el cursor: no permiso
Cursor automático: auto
Cursor: progreso
Cambiar el tamaño del cursor ascendente: N-Resize
Cambiar el cursor de tamaño hacia abajo: S-Risize
Cambie el tamaño al cursor izquierdo: W-Resize
Cambiar el tamaño al cursor correcto: Risización E
Cambiar el tamaño de la izquierda Cursor: NW-Resize
Cambie el tamaño hacia el cursor izquierdo: SW-Resize
Cambiar el tamaño de la derecha Cursor: NE-Resize
Cambie el tamaño a la derecha hacia abajo del cursor: SE-Resize
Ejemplo 3: Cambios en el tamaño de la fuente cuando el mouse entra y sale
<script type = "text/javaScript"> // mueve el puntero del mouse a la función de la función (PDOM) {pdom.style.fontsize = '20px'; // Cambiar el tamaño del tamaño de la fuente a 20 píxeles} // Mueve la función de puntero de mouse Mout (PDOM) {pdom.style.fontsize = ''; // cambia el tamaño del tamaño de la fuente al valor predeterminado} </script> <!-Define un área-> <p style = "margen: 5px Auto; ancho: 100px; altura: 100px; borde: 1px sólido negro;" OnMouseOver = "Mover (esto);" OnMouseOut = "Mout (this);"> Mueva el mouse a esta área </p>Ejemplo 4:
<script type = "text/javaScript"> var nowPos; // Posición actual var mytimer; // función variable de temporizador startit () {// Función de inicio // Temporizador de inicio, en 10 milisegundos mytimer = window.setInterval ("scrollPage ()", 10); } // Función de detener la función stopit () {// Cancelar el temporizador ClearInterval (MyTimer); } // Función de scroll Función scrollPage () {window.scrollby (0,1); // desplazarse en un píxel} documento.onmousedown = stopit; // Snap the Hick Event Document.ondblClick = startit; // Escuche el evento de doble clic </script>Ejemplo 5: Aparecen diferentes colores en el enlace con el mouse
<script type = "text/javaScript"> // Definir la función de evento Mouseover definitivamentekColor () {// Obtenga el DOM de todos los enlaces en la página web VAR Linkdoms = document.getElementsByTagName ("A"); // Transfiar los enlaces DOM para (var i = 0; i <linkdoms.length; i ++) {// Defina la devolución de llamada para cada enlace mouseover Linkdoms [i] .onmouseover = function () {this.style.color = 'rojo'; // Cambiar el estilo de color para el enlace actual} Linkdoms [i] .onmouseOut = function () {this.style.color = ''; // restaurar predeterminado}}}} </script>Ejemplo 6: Desactivar la polea del mouse
<script type = "text/javaScript"> function init () {// redefine la función de devolución de llamada de eventos de la polea de documento de las poleas document.onmousewheel = function () {alert ('usar poleas están prohibidas'); // se le solicita al usuario que no use las poleas de las poleas falsas; // devolver falso, no se hace nada (esta oración no se puede perder, de lo contrario todavía se desplazará)}; } </script>Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.