Wie werden Event-Handler, Doppelklick und Tastendruck verwendet? - Javascript, Javascript, Javascript-Ereignisse, Ereignisbehandlung, Tastaturereignisse

Wo steht "Doppelklick hier"? Ich versuche esDamit es richtig funktioniert. Beim Anklicken sollte es dann heißen: "Hallo! Sie haben die rechte Taste gedrückt. Jetzt erhalten Sie meine geheime Nachricht. Drücken Sie eine Taste auf der Tastatur!". Dann benutzte die kepress um eine weitere Nachricht zu erstellen. Meine beiden Handler scheinen nicht funktionsfähig zu sein

window.onload = function(){
function updateDocument(){
$("#Document").html("Hello! You pressed the right button. Now you get my secret message. Press a key on the keyboard!");
$("#Document").html("n");
$("#Document").html("n");
};
document.getElementById("here").addEventListener("dblclick", function(){
updateDocument();
});
document.addEventListener("keypress", function(val){
var x = val.keyCode;
var letter = String.fromCharCode(x);
$("#Document").append(letter);
})
};

<script type="text/javascript" src="triggered.js"></script>
<div id="trigger1" class="trigger">
double click
<p id = "here"> Here! </p>
<br>
<p id ="Document"></p>
</div>

Antworten:

dein zweiter und dritter .html(...) ersetzen Ihren vorherigen Text. Also funktionierte es technisch.

Hier funktioniert es richtig.

 window.onload = function(){


function updateDocument(){

$("#Document").html("Hello! You pressed the right button. Now you get my secret message. Press a key on the keyboard!nn");

};


$("#here").on("dblclick", function(){
updateDocument();
});

$(document).on("keypress", function(val){
var x = val.keyCode;
var letter = String.fromCharCode(x);
$("#Document").append(letter);
})

};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id = "trigger1" class = "trigger"> double click
<p id = "here"> Here! </p>

<br>
<p id ="Document"></p>
</div>