Verwenden Sie das Bootstrap-Layout, um im Eingangsfeld Eingabe ein Ein-Klick-Clear-Symbol hinzuzufügen, z.
Wenn diese kleinen Symbole jedoch keine Symbole in das Eingabefeld einfügen, können sie keine Klick -Ereignisse erhalten.
Die Frage ist also, wie diese kleinen Symbole Klickenereignisse erhalten.
Ich weiß es nicht, aber ich kann einen Kreisverkehr verwenden, um diese Funktion indirekt zu implementieren .
*** Der Schlüsselpunkt ist:
Lösung: Fügen Sie der Position des kleinen Symbols ein unsichtbares Element hinzu, und die Größe des Elements deckt nur das kleine Symbol ab, aber es gibt keine Hintergrundfarbe und Rand. Es ist gleichbedeutend mit der Bedeckung des kleinen Symbols mit einer transparenten Quilt;
Kopieren Sie den Code wie folgt: <Div>
<span> <i> </i> </span>
<Eingabe type = "text" placeholder = "Konto/Handynummer/E -Mail" id = "userername">
<span style = "Anzeige: Inline-Block;"> </span> <-kleines Symbolelement->
<span style = "Anzeige: Inline-Block; Rand: 1px fest rot; Breite: 30px; Höhe: 30px; Position: absolut; rechts: 2px; Z-Index: 100; Cursor: Zeiger;"> </span> <-Elemente über dem kleinen Ikon->
</div>
Fügen Sie dieses Element, das auf dem kleinen Symbol überlagert wird, Ereignisse hinzu. Die Funktion des kleinen Symbols besteht nur darin, nach Bedarf anzuzeigen und zu verbergen.
Dies wird indirekt realisiert. Ist der Klickeffekt des kleinen Symbols eine großartige Lösung? Vielen Dank für Ihre Lektüre und ich hoffe, dass es Ihnen helfen kann, das Problem reibungslos zu lösen.
Wenn Sie weiterhin ausführlich lernen möchten, können Sie hier klicken, um Ihnen zu lernen und Ihnen zwei aufregende Themen anzuhängen: Bootstrap -Lern -Tutorial Bootstrap Practical Tutorial