Verwenden Sie JQuery, um den Textinhalt des Eingabefelds zu bearbeiten

Dieses Mal werde ich Ihnen zeigen, wie Sie jquery zum Bearbeiten des Textinhalts des Eingabefelds verwenden. Welche Vorsichtsmaßnahmen gibt es für die Verwendung von jquery zum Bearbeiten des Textinhalts der Eingabe? Das Folgende ist ein praktischer Fall.

Der Beispielcode lautet wie folgt:

<p>
  <a class="btn btn-success show" title="Popover title"
     data-container="body" data-toggle="popover" data-placement="bottom"
     data-content="底部的 Popover 中的一些内容"> aaaa </a>
</p>
<script>
  $(function () {
    initPopover();
  })
  function initPopover() {
    $(".show").popover({
      container: "body",
      trigger: " manual"  //手动触发
    }).on('show.bs.popover', function () {
      $(this).addClass("popover_open");
    }).on('hide.bs.popover', function () {
      $(this).removeClass("popover_open");
    });
    $(".show").click(function () {
      if ($(this).hasClass("popover_open")) {
        $(this).popover("hide")
      } else {
        $(".popover_open").popover("hide");
        $(this).popover("show");
      }
      var e = arguments.callee.caller.arguments[0] || event;
      e.stopPropagation();
    });
    $(document).click(function () {
      $(".show").popover("hide");
    });
  }
</script>

Hinweis:

1. Nicht anwendbar auf Schaltfläche, a, img usw. sind verfügbar

2: Dieses Ereignis wird sofort ausgelöst, wenn die Show-Instanzmethode aufgerufen wird.

shown.bs.popover: Dieses Ereignis wird ausgelöst, wenn das Popover-Paar vollständig angezeigt wird (wartet, bis der CSS-Übergangseffekt abgeschlossen ist).

hide.bs.popover: Dieses Ereignis wird sofort ausgelöst, wenn die Methode zum Ausblenden der Instanz aufgerufen wird.

hidden.bs.popover: Dieses Ereignis wird ausgelöst, wenn der Tooltip vollständig ausgeblendet ist (wartet, bis der CSS-Übergangseffekt abgeschlossen ist).

3. Einführung von Jquery- und Bootstrap-Headerdateien

4. Abbrechen des Bubblings

Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben , mehr Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Erzielung des Verknüpfungseffekts zwischen Eingabefeld und Dropdown-Feld

So erreichen Sie die dynamische Erfassung von JQuery-Drops -Down-Box-Daten

Ajax und Jquery werden mit der Datenbank kombiniert, um die sekundäre Verknüpfung der Dropdown-Box zu realisieren

Das obige ist der detaillierte Inhalt vonVerwenden Sie JQuery, um den Textinhalt des Eingabefelds zu bearbeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!