2016-07-14 2 views
0

In einem meiner Projekte schien das Ereignis onmousedown nichts zu tun, wenn es eine Funktion in einer separaten JavaScript-Datei auslösen sollte.Das onmousedown-Ereignis scheint nicht ausgelöst zu werden

Ich hat versucht, in einer kleinen Testdatei sowohl onmousedown und onClick auf eine Schaltfläche enthalten, um zu sehen, ob es nur ein Problem in dem Projekt war, und es hat nicht funktioniert, führt mich zu glauben, dass ich falsch etwas tun muss ...

hier ist meine test.html Datei:

<!DOCTYPE html> 
<html> 
    <body> 
    <button onmousedown="click()">Click</button> 
    <span id="testSpan"></span> 

    <script type="text/javascript" src="main.js"></script> 
    </body> 
</html> 

Und hier ist meine main.js Datei:

function click() { 
    document.getElementById("testSpan").innerHTML = "SUCCESS"; 
} 

Um zu erklären, die HTML-Taste soll die click() Funktion in main.js auslösen, und dann verursachen "ERFOLG" durch das span Element neben der Schaltfläche in der Webseite erscheinen; was es nicht für mich tut.

Ich habe versucht, das gleiche in einem Stift auf copepen.io zu tun, wo es auch nicht zu funktionieren schien. Noch seltsamer ist die Tatsache, dass ich überhaupt keine Fehler habe ... was fehlt mir?

+0

Verwandte http://stackoverflow.com/questions/4388443/javascript-function-name-cannot-set -as-click –

+0

Danke, weil ich nach Problemen im Zusammenhang mit 'onmousedown' gesucht habe, habe ich dieses Problem/diese Lösung nicht gesehen . –

Antwort

1

Es funktioniert nicht, weil Sie Ihre Funktion 'click' benannt haben. Ich änderte den Namen in 'press' und Ihr Code funktioniert gut!

function press() { 
 
    document.getElementById("testSpan").innerHTML = "SUCCESS"; 
 
}
<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <button onmousedown="press()">Click</button> 
 
    <span id="testSpan"></span> 
 

 
    <script type="text/javascript" src="main.js"></script> 
 
    </body> 
 
</html>

+0

Danke! Ich werde mir die JavaScript-Dokumentation ansehen, um diese "reservierten Wörter" zur späteren Bezugnahme zu kennen. –

0

Versuchen Sie es:

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <button onmousedown="window.click()">Click</button> 
 
    <span id="testSpan"></span> 
 

 
    <script> 
 
      function click() { 
 
     document.getElementById("testSpan").innerHTML = "SUCCESS"; 
 
    } 
 
     </script> 
 
    </body> 
 
</html>

+0

Das ist ein anderer Weg, es zu tun, danke. –

Verwandte Themen