Windows.Ereignis nicht definiert ist -Javascript-Fehler in firefox

Bin ich mit javascript ein paar Einstellungen ändern von asp-button bei mouseover. Es funktioniert im IE. Aber nicht im Firefox. Gibt es irgendeinen anderen javascript-code, unterstützen fast alle Browser? Mein code ist wie folgt

<script type="text/javascript">
        var previousColor;
        function Changecolor() {
            previousColor = window.event.srcElement.style.backgroundColor;
            window.event.srcElement.style.backgroundColor = "Blue";
            window.event.srcElement.style.cursor = "hand";
        }
        function RestoreColor() {
            window.event.srcElement.style.backgroundColor = previousColor;
        }
</script>


<asp:Button ID="btnSearch" runat="server" BackColor="#800000" Font-Bold="True" Font-Names="Arial" onmouseover="Changecolor();" onmouseout="RestoreColor();" ForeColor="White" Height="28px" OnClick="btnSearch_Click2" Text="Search Jobz" Width="117px" />
Warum machst du es so schwer? Nur mit CSS.
Ja, CSS ist besser für diese Art der Sache, obwohl :hover funktioniert nicht in IE6 ohne whatever:hover

InformationsquelleAutor Nila | 2010-01-22

  1. 8

    Werfen Sie einen Blick auf das Mozilla Developer Center docs auf Veranstaltungen. In Internet Explorer, die Globale event-Objekt wird erstellt, wenn ein Ereignis ausgelöst wird. In standardkonformen Browsern wird das event-Objekt übergeben wird als erstes argument der Funktion zugeordnet, die zu den feuern Veranstaltung. Wenn Ihre Veranstaltung ist definiert in der HTML -, das Ereignis-Objekt wird erstellt unter den Namen der Variablen event und übergeben werden kann, um die Funktionen, die Sie aufrufen.

    Beachten Sie auch, dass die event.srcElement Eigenschaft ist nur IE und die meisten anderen Browser verwenden event.target statt.

    Wenn dies berücksichtigt wird, Ihre Funktion sollte wie folgt Aussehen:

    <script>
        var previousColor; 
        function Changecolor(evt) {
            var srcEl = evt.srcElement || evt.target;
            previousColor = srcEl.style.backgroundColor; 
            srcEl.style.backgroundColor = "Blue"; 
            srcEl.style.cursor = "pointer"; 
        } 
        function RestoreColor(evt) {
            var srcEl = evt.srcElement || evt.target;
            srcEl.style.backgroundColor = previousColor; 
        } 
</script> 


<asp:Button ID="btnSearch" runat="server" BackColor="#800000" Font-Bold="True" Font-Names="Arial" onmouseover="Changecolor(event);" onmouseout="RestoreColor(event);" ForeColor="White" Height="28px" OnClick="btnSearch_Click2" Text="Search Jobz" Width="117px" />
    Danke! Es funktioniert.. Aber, cursor funktioniert nicht.. ich kann nicht sehen, die hand-symbol, sowohl in Google Chrome und Firefox
    Ok.. ich habe "pointer" statt "hand".. Nun, es funktioniert für mich 🙂 vielen Dank...
    Ahh Sie mich zu schlagen. Froh, dass ich helfen konnte.

    InformationsquelleAutor Andy E

  2. 1

    Warum kommst du nicht mit CSS (mit seinen :hover pseudoclass), statt JS?

    Aber wenn Sie müssen, verwenden Sie JS für einige Gründe, warum übergeben Sie die Referenz auf das element als Funktion der parameter:

    function Cangecolor(ref){
  prevousColor = ref.style....;

...

onmouseover="changecolor(this)"

    Jetzt dein code funktioniert nicht, weil der IE verwendet ein anderes Ereignis-Modell (gute Browser verwendet W3C Event-Modell, aber IE verwendet seine eigene). Sie können Lesen Sie über W3C/IE-event-Modelle an: Wie gleichen Sie den IE und W3C-event-Modelle]

    Die :hover pseudo-Klasse funktioniert nicht auf andere Elemente als <a> im IE 6.
    Wenn Sie sich darum kümmern müssen IE6 dann whatever:hover oder noch besser IE8.js

    InformationsquelleAutor Crozin

  3. 1

    Brauchen Sie nicht die Mühe mit dem event-Objekt. Auch der richtige Wert für die CSS-Eigenschaft cursor ist "Zeiger", anstatt das IE-spezifische "hand", es sei denn, Sie brauchen, um Unterstützung für IE 5 oder 5.5.

    <script type="text/javascript">
        var previousColor;

        function changeColor(el) {
            var s = el.style;
            previousColor = s.backgroundColor;
            s.backgroundColor = "Blue";
            s.cursor = "pointer";
        }
        function restoreColor(el) {
            el.style.backgroundColor = previousColor;
        }
</script>


<asp:Button ID="btnSearch" runat="server" BackColor="#800000"
    Font-Bold="True" Font-Names="Arial"
    onmouseover="changeColor(this);" onmouseout="restoreColor(this);"
    ForeColor="White" Height="28px" OnClick="btnSearch_Click2"
    Text="Search Jobz" Width="117px" />
    Nicht für den code angegeben, der in seiner Frage, aber ich dachte, ich würde gehören das event-Objekt in meiner Antwort nur zu, wenn seine Probe wurde eine vereinfachte version der größere Teil des Codes wie so oft 🙂 +1
    E: die vereinbarte und vielleicht habe ich das gleiche getan hatte Sie nicht getan.

    InformationsquelleAutor Tim Down

  4. 1

    Ich Stand vor dem gleichen ("Fenster".event in firefox) - problem mit folgenden code.

    <html>
<body onkeyup="fClosePop();">
</body>
<script language="javascript">
  function fClosePop(){
        var e= (window.event)?event.keyCode:evt.which;  
        if( e.keyCode ==27)
        {
            try
            {
                alert(1);
            }
            catch(e)
            {

            }
        }      
    } 
</script>
</html>

    Dann habe ich versucht, den code optimieren und die Lösung gefunden unten.
    Ich habe soeben die Veranstaltung von der Funktion.

    <html>
<body onkeyup="fClosePop(even);">
</body>
<script language="javascript">
  function fClosePop(e){
           if( e.keyCode ==27)
           {
                      try
                      {
                       alert(1)
                       }
                      catch(e)
                      {

                      }
            }      
    } 
</script>
</html>

    Ich hoffe, dies wird Ihnen hilfreich sein.

    InformationsquelleAutor Narendra

Schreibe einen Kommentar