So verbergen Sie Platzhaltertext im Fokus: CSS vs. jQuery?

Platzhaltertext beim Fokus ausblenden: CSS- oder jQuery-Lösungen

Das automatische Ausblenden von Platzhaltertext beim Fokus wird in allen Browsern außer Chrome nativ unterstützt. Um diese Funktionalität zu erreichen, kann eine gezielte Ausrichtung auf Chrome erforderlich sein. Hier sind einige Lösungen:

CSS-basierte Lösung

input:focus::placeholder {
  color: transparent;
}

jQuery-basierte Lösung

$('input').on('focus', function() {
  $(this).attr('placeholder', '');
});

$('input').on('blur', function() {
  var placeholder = $(this).attr('placeholder-text');
  if (!placeholder) {
    placeholder = $(this).attr('placeholder');
  }
  $(this).attr('placeholder', placeholder);
});

Hinweis dass die obige CSS-Lösung jetzt von allen modernen Browsern, einschließlich Chrome, unterstützt wird. Allerdings kann die jQuery-Lösung in manchen Szenarien dennoch nützlich sein, beispielsweise beim Bereitstellen einer benutzerdefinierten Platzhaltermeldung bei Fokusverlust.

Das obige ist der detaillierte Inhalt vonSo verbergen Sie Platzhaltertext im Fokus: CSS vs. jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!