Voiko Console (F12) ikkunassa valjastaa näppäimelle tehtävän

Jos teet sen eventListenerillä, niin keyup-eventissä on ominaisuus ctrlKey, joka on joko true tai false. Tee toiminto vain jos, ctrlKey on true.

Anonyymi kirjoitti:

Jos teet sen eventListenerillä, niin keyup-eventissä on ominaisuus ctrlKey, joka on joko true tai false. Tee toiminto vain jos, ctrlKey on true.

No minä tein tämmösen, joka aukasee mitä sattuun:

document.addEventListener("keyup", o("about"));

function o(url) {
var win = window.open(url, '_blank');
win.focus();
};

Miten sinä tuon tekisit?
Se on liiankin automaattinen, kun "Console" editorissa painaa "Enter", niin se pomppaa heti minne sattuun ja siitä vielä puuttuu Ctrl osuus.

Anonyymi kirjoitti:

No minä tein tämmösen, joka aukasee mitä sattuun:

document.addEventListener("keyup", o("about"));

function o(url) {
var win = window.open(url, '_blank');
win.focus();
};

Miten sinä tuon tekisit?
Se on liiankin automaattinen, kun "Console" editorissa painaa "Enter", niin se pomppaa heti minne sattuun ja siitä vielä puuttuu Ctrl osuus.

Hiukan parani kun poistin tuosta o funktiosta tuon URL parametrin. Siirsin sen funktion sisälle. Nyt se odottaa näppäimen painallusta, mutta edelleenkin avaa vääriä sivuja, esimerkiksi vaikka iltalehden sivulla tehtynä avaa: https://www.iltalehti.fi/about sivun, enhän minä sinne ollut menossa.

document.addEventListener("keyup", o);

function o(url) {
url="about";
var win = window.open(url, '_blank');
win.focus();
};

Anonyymi kirjoitti:

Hiukan parani kun poistin tuosta o funktiosta tuon URL parametrin. Siirsin sen funktion sisälle. Nyt se odottaa näppäimen painallusta, mutta edelleenkin avaa vääriä sivuja, esimerkiksi vaikka iltalehden sivulla tehtynä avaa: https://www.iltalehti.fi/about sivun, enhän minä sinne ollut menossa.

document.addEventListener("keyup", o);

function o(url) {
url="about";
var win = window.open(url, '_blank');
win.focus();
};

Juuri näin, eli addEventListener:ille annetaan itse funktio, eikä sen kutsusta palautettua arvoa. Tätä funktiota sitten kutsutaan callback:inä kun mitä tahansa näppäintä painetaan ja se saa tapahtumasta tietoja sisältävän even-olion parametrinään. Eli tekisin näin:

document.addEventListener("keyup", o);

function o(event) { //even-olio tulee tänne parametrinä kun o:ta kutsutaan (kun näppäintä on painettu)
//Kysy event-oliolta, mitä näppäintä painettiin ja että oliko ctrl pohjassa
if (event.keyCode===13 && event.ctrlKey ) { //enter on koodiltaan 13
let url="about";
var win = window.open(url, '_blank');
win.focus();
}
};


Ainakin Chromessa taitaa kyllä ctrl pgdn/up olla jo välilehdillä siirtymisen käytössä, joten se menee tuon listenerin edelle ilmeisesti. Mutta kokeile tuolla ctrl enterillä. Minulla tuo win.focus() ei kyllä tee mitään, vaan jäädään nykyiselle sivulle vaikka uusi välilehti aukeaakin. Mitens sen saisi tehtyä? Muuten, Ctrl T kyllä on jo olemassa uuden välilehden luomiseen.

Anonyymi kirjoitti:

Juuri näin, eli addEventListener:ille annetaan itse funktio, eikä sen kutsusta palautettua arvoa. Tätä funktiota sitten kutsutaan callback:inä kun mitä tahansa näppäintä painetaan ja se saa tapahtumasta tietoja sisältävän even-olion parametrinään. Eli tekisin näin:

document.addEventListener("keyup", o);

function o(event) { //even-olio tulee tänne parametrinä kun o:ta kutsutaan (kun näppäintä on painettu)
//Kysy event-oliolta, mitä näppäintä painettiin ja että oliko ctrl pohjassa
if (event.keyCode===13 && event.ctrlKey ) { //enter on koodiltaan 13
let url="about";
var win = window.open(url, '_blank');
win.focus();
}
};


Ainakin Chromessa taitaa kyllä ctrl pgdn/up olla jo välilehdillä siirtymisen käytössä, joten se menee tuon listenerin edelle ilmeisesti. Mutta kokeile tuolla ctrl enterillä. Minulla tuo win.focus() ei kyllä tee mitään, vaan jäädään nykyiselle sivulle vaikka uusi välilehti aukeaakin. Mitens sen saisi tehtyä? Muuten, Ctrl T kyllä on jo olemassa uuden välilehden luomiseen.

Ai niin, halusit about:blank sivun. Laita

url = "about:blank";

Anonyymi kirjoitti:

Juuri näin, eli addEventListener:ille annetaan itse funktio, eikä sen kutsusta palautettua arvoa. Tätä funktiota sitten kutsutaan callback:inä kun mitä tahansa näppäintä painetaan ja se saa tapahtumasta tietoja sisältävän even-olion parametrinään. Eli tekisin näin:

document.addEventListener("keyup", o);

function o(event) { //even-olio tulee tänne parametrinä kun o:ta kutsutaan (kun näppäintä on painettu)
//Kysy event-oliolta, mitä näppäintä painettiin ja että oliko ctrl pohjassa
if (event.keyCode===13 && event.ctrlKey ) { //enter on koodiltaan 13
let url="about";
var win = window.open(url, '_blank');
win.focus();
}
};


Ainakin Chromessa taitaa kyllä ctrl pgdn/up olla jo välilehdillä siirtymisen käytössä, joten se menee tuon listenerin edelle ilmeisesti. Mutta kokeile tuolla ctrl enterillä. Minulla tuo win.focus() ei kyllä tee mitään, vaan jäädään nykyiselle sivulle vaikka uusi välilehti aukeaakin. Mitens sen saisi tehtyä? Muuten, Ctrl T kyllä on jo olemassa uuden välilehden luomiseen.

HYVÄ, oikein hyvä, ilmeiseti sen "Enter" näppäimen kanssa on myös jotain muita toimintoja jotka menee edelle, mutta pistin Ctrl Q ja sillä tuo toimii juuri niin kuin halusinkin.

document.addEventListener("keyup", o);

function o(event) {
if (event.keyCode===81 && event.ctrlKey ) {
let url="about:blank";
var win = window.open(url, '_blank').focus();
}
};

Hieno juttu, suuret kiitokset OPETTAJALLE.