Asp.Net Form DefaultButton-Fehler in Firefox

Den .Net generierten code für ein Formular mit der "DefaultButton" - Attribut enthält Armen javascript erlaubt, dass die Funktionalität zum arbeiten in IE, aber nicht in anderen Browsern (Firefox, specifcially).

Drücken der enter-Taste senden Sie das Formular mit allen Browsern, aber Firefox nicht außer acht lassen, die-Taste drücken, wenn es passiert, innerhalb von einer <textarea> kontrollieren. Das Ergebnis ist ein mehrzeiliges Textfeld-Steuerelement, das kann nicht sein, multiline in Firefox als enter-Taste das Formular absendet, anstatt die Schaffung einer neuen Linie.

Weitere Informationen über den Fehler, Lesen Sie hier.

Könnte dies behoben werden Asp.Net 3.0+, sondern eine Problemumgehung, die noch erstellt werden für den 2.0.

Ideen für die leichteste Abhilfe (einen hack, der sieht nicht wie ein hack =D)? Die Lösung in dem oben genannten link erschreckt mich ein wenig, da es sehr leicht zu unbeabsichtigten Nebenwirkungen.

InformationsquelleAutor frank hadder | 2008-09-08
  1. 4

    Ich diese Funktion adaptiert von codesta. [Edit: genau das gleiche, ich sehe, dass Sie Angst! Oops. Kann dir nicht helfen, dann.]

    http://blog.codesta.com/codesta_weblog/2007/12/net-gotchas---p.html.

    Sie es verwenden, um Ihren code in ein div so gerne. Sie könnte eine Unterklasse der Form nach gehören diese automatisch. Ich benutze es nicht so viel, sodass ich nicht.

    <div onkeypress="return FireDefaultButton(event, '<%= aspButtonID.ClientID %>')"> 
(Ihre form geht hier) 
</div>

    Hier ist die Funktion.

    Funktion FireDefaultButton(event target) 
{ 
//srcElement ist für den IE 
var element = event.Ziel || event.srcElement; 

wenn (13 == event.keyCode && !(element && "textarea" == element.tagName.toLowerCase())) 
{ 
var defaultButton; 
defaultButton = document.getElementById(Ziel); 

wenn (defaultButton && "undefined" != typeof defaultButton.klicken) 
{ 
defaultButton.klicken Sie(); 
event.cancelBubble = true; 
if (event.stopPropagation) 
event.stopPropagation(); 
return false; 
} 
} 
return true; 
}
    InformationsquelleAutor harpo
  2. 3

    Scheint es, dass das Update codesta.com dass harpo link ist nicht mehr notwendig, da das Update-Ereignis.srcElement ist nicht integriert in ASP.NET 3.5. Die Umsetzung der DefaultButton jedoch noch einige Probleme haben, denn es ist das abfangen der Enter-Taste in zu vielen Fällen. Zum Beispiel: Wenn Sie aktiviert eine Schaltfläche in das Formular mit Registerkarte, drücken Sie die EINGABETASTE, klicken Sie auf die Schaltfläche, und nicht das Formular abschicken.

    Gehören die folgenden JavaScript-code an der Unterseite Ihres ASP.NET die web-Seite zu machen, Geben Sie Verhalten sich so wie es soll.

    //Fixes ASP.NET's behavior of default button by testing for more controls
//than just textarea where the event should not be caugt by the DefaultButton
//action. This method has to override ASP.NET's WebForm_FireDefaultButton, so
//it has to included at the bottom of the page.
function WebForm_FireDefaultButton(event, target) {
  if (event.keyCode == 13) {
    var src = event.srcElement || event.target;
    if (!(
      src
      &&
      (
        src.tagName.toLowerCase() == "textarea"
        || src.tagName.toLowerCase() == "a"
        ||
        (
          src.tagName.toLowerCase() == "input"
          &&
          (
            src.getAttribute("type").toLowerCase() == "submit"
            || src.getAttribute("type").toLowerCase() == "button"
            || src.getAttribute("type").toLowerCase() == "reset"
          )
        )
        || src.tagName.toLowerCase() == "option"
        || src.tagName.toLowerCase() == "select"
      ) 
    )) {
      var defaultButton;
      if (__nonMSDOMBrowser) {
        defaultButton = document.getElementById(target);
      }
      else {
        defaultButton = document.all[target];
      }
      if (defaultButton && typeof (defaultButton.click) != "undefined") {
        defaultButton.click();
        event.cancelBubble = true;
        if (event.stopPropagation) event.stopPropagation();
        return false;
      }
    }
  }
  return true;
}
    InformationsquelleAutor Jan Aagaard
  3. 1

    Für dieses spezielle Problem, der Grund ist, weil javascript generiert
    ASP.NET 2.0 hat einige nur IE-notation: Ereignis.srcElement ist nicht erhältlich in
    FireFox (verwende Veranstaltung.Ziel statt):

    function WebForm_FireDefaultButton(event, target) {
if (!__defaultFired && event.keyCode == 13 && !(event.srcElement && 
(event.srcElement.tagName.toLowerCase() == "textarea"))) {
var defaultButton;
if (__nonMSDOMBrowser) {
defaultButton = document.getElementById(target);
}
else {
defaultButton = document.all[target];
}
if (defaultButton && typeof(defaultButton.click) != 
"undefined") {
__defaultFired = true;
defaultButton.click();
event.cancelBubble = true;
if (event.stopPropagation) event.stopPropagation();
return false;
}
}
return true;
}

    Wenn wir die ersten 2 Zeilen in:

    function WebForm_FireDefaultButton(event, target) {
var element = event.target || event.srcElement;
if (!__defaultFired && event.keyCode == 13 && !(element && 
(element.tagName.toLowerCase() == "textarea"))) {

    Setzen Sie den geänderten code in eine Datei und führen Sie dann

    protected void Page_Load(object sender, EventArgs e)
{
ClientScript.RegisterClientScriptInclude("js1", "JScript.js");
}

    Dann funktioniert es für den IE und FireFox.

    Quelle:

    http://www.velocityreviews.com/forums/t367383-formdefaultbutton-behaves-incorrectly.html

    InformationsquelleAutor Espo
Schreibe einen Kommentar