tamaño - abrir pagina javascript misma ventana
Cómo abrir el enlace en una nueva ventana sin llamar a clic (4)
Puede hacer una referencia aquí . Es mi código
<a href="#" id="test" onclick="reloadPage(event)">Click Me</a>
<script>
$(document).ready(function() {
$(document).keydown(function(event){
if(event.which==17)
cntrlIsPressed = true;
});
$(document).keyup(function(){
cntrlIsPressed = false;
});
});
var cntrlIsPressed = false;
function reloadPage(mouseButton,event)
{
//event.preventDefault();
if( event.which == 2 ) {
//todo something
//window.open($("#test").attr("href"));
alert("middle button");
return false;
}
if(cntrlIsPressed)
{
//window.open($("#test").attr("href"));
// ctrl + click
return false;
}
//todo something
window.location.href = $("#test").attr("href");
return true;
}
</script>
Tengo el código HTML de la siguiente manera:
<a href="#" onclick="reloadPage()">Text</a>
Cuando el usuario hace clic en "Botón izquierdo del mouse" en el enlace, se debe invocar reloadPage ().
Pero cuando el usuario hace clic con "Ctrl + clic" o "botón central" en el enlace, entonces quiero abrir una nueva ventana sin reloadPage ().
¿Cómo puedo hacer eso?
Puede probar este enfoque (html):
<a href="#" id="mylink">Text</a>
Javascript:
$(function () {
$("#mylink").click(function (event) {
if ((event.button == 0 && event.ctrlKey) || event.button == 1) {
event.preventDefault();
window.open("http://www.google.com");
}
else
if (event.button == 0)
window.location.reload();
});
});
Simplemente puede establecer el atributo href en la etiqueta a en la url de la página actual, de esta manera, cuando un usuario haga clic en él, se abrirá la misma página (volver a cargar) y si hace clic medio se abrirá la misma página en una nueva pestaña.
Si desea usar eso en varias páginas, puede configurar el href en javascript en la url de la página actual como esta
document.getElementById(''myId'').href = location.href
Tengo dos opciones para ti. Asegúrate javascript y con el uso de jquery.
Aquí está el código completo.
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(''#jqueryStyle'').mousedown(function(e){
//3 is right click
if(e.which == 3){
window.open("http://www.w3schools.com");
//1 is for click
}else if(e.which == 1){
reloadPage();
}
});
});
function reloadPage(){
location.reload();
}
function onMouseDown(e,obj){
e = e || window.event;
//3 is for right click
if(e.which == 3){
window.open("http://www.w3schools.com");
//1 is for click
}else if(e.which == 1){
reloadPage();
}
}
</script>
</head>
<body>
<a href="#" id="jqueryStyle">JQuery Code</a ><br/>
<a href="#" onmousedown="onMouseDown(event,this)">Pure Javascript Code</a >
</body>
</html>
Espero que ayude.