cuál es la mejor manera de evitar que mis enlaces onclick hagan que la página salte a la parte superior.prevención de la página al hacer clic en saltos
<a name="point1">
<a href="#point1" onclick="blahblah">
<a href="javascript:" onclick="blahblah">
<a href="javascript:null;" onclick="blahblah">
¿O algo más?
siempre uso
<a href="javascript:void(0)" onclick="blahblah">
¡Funciona para mí! 'Return false;' no funcionaba por alguna razón, pero este es el truco. Gracias. –
¡Funciona a la perfección! Acabo de venir aquí para descubrir esto – DirtyBirdNJ
imo esto no es compatible con HTML5 – andrei
Quizás esto lo haga?
<a href="javascript: return false;" onclick="blahblah">
Volviendo falsa en 'onclick' impide la página salto
<a href="#" onclick="someFunction(); return false;">blah</a>
Probando eso ahora con esto: onClick = "submitComment ('+ [id] +'); this.onclick = null; return false; pero no funciona. – ian
Extraño. Devolver falso debe evitar el valor predeterminado acción del enlace. ¿Funciona si solo prueba onclick = 'return false;'? – Vertigo
Intente cambiar OnClick a onclick. Dependiendo del tipo MIME, onClick y onclick pueden interpretarse como dos atributos diferentes. – Xavi
Prueba esto:
<a href="#" onclick="func(); return false;">link</a>
en cuenta que el parámetro onclick devuelve false. Devolver falso cancela el comportamiento predeterminado del navegador. En el caso de una etiqueta de anclaje, el comportamiento predeterminado del navegador es saltar al ancla # (también conocida como la parte superior de la página).
Con este mismo truco también puede hacer que la imagen no-arrastrable y garantizar que los enlaces no roban el foco del usuario:
<img src="coolios.jpg" onmousedown="return false" /> <!-- un-draggable image -->
<a href="stuff.html" onmousedown="return false">link that doesn't steal focus</a>
Sé que esto no es exactamente lo que está pidiendo, pero simplemente no podía usa 'onclick'. MUESTRA: FOO –