So kopieren Sie Text in die Zwischenablage in Uniapp

In Uniapp kann das Kopieren von Text in die Zwischenablage über eine offiziell von Uniapp bereitgestellte API erfolgen. In diesem Artikel wird erläutert, wie Sie diese API aufrufen, um die Funktion zum Kopieren von Text in die Zwischenablage zu realisieren.

1. Einführung der API

Führen Sie die H5-API wie folgt aus:

1. Bestimmen Sie, ob der Browser die Kopierfunktion unterstützt. es wird ein Fehler zurückgegeben.

if (navigator.clipboard) {
  navigator.clipboard.writeText('要复制到剪贴板中的文字');
  uni.showToast({
    title: "复制成功",
    icon: "success",
    duration: 2000
  });
} else {
  uni.showToast({
    title: "复制失败，当前浏览器不支持",
    icon: "none",
    duration: 2000
  });
}

2. Verwenden Sie die API, um Text in die Zwischenablage zu kopieren und den Erfolg zu veranlassen.

if (!navigator.clipboard) {
  uni.showToast({
    title: "当前浏览器未能支持此功能，请更换浏览器",
    icon: "none",
    duration: 2000
  });
}

3. Der vollständige Code

Der Code lautet wie folgt:

navigator.clipboard.writeText('要复制到剪贴板中的文字').then(function () {
  uni.showToast({
    title: "复制成功",
    icon: "success",
    duration: 2000
  });
}, function (err) {
  uni.showToast({
    title: "复制失败，请手动复制",
    icon: "none",
    duration: 2000
  });
});

4. Hinweise

1 Diese API kann nur in HTTPS-Websites verwendet werden.

2. Diese API wird in mobilen Browsern kaum unterstützt und kann zu Instabilitätsproblemen führen.

3. Um die Benutzererfahrung zu verbessern, ist es am besten, eine manuelle Kopierlösung als Referenz für den Benutzer bereitzustellen.

Das obige ist der detaillierte Inhalt vonSo kopieren Sie Text in die Zwischenablage in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!