NDEFReader: reading 事件

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

安全上下文: 此功能僅在安全上下文(HTTPS)中可用,且支援此功能的瀏覽器數量有限。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

NDEFReader 介面的 reading 事件會在相容的 NFC 裝置(例如,支援 NDEF 的 NFC 標籤)進入讀取器的磁感應場時,只要有新的讀取可用,就會被觸發。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱,或設定事件處理程式屬性。

js
addEventListener("reading", (event) => { })

onreading = (event) => { }

事件型別

一個通用的 Event

示例

以下示例展示瞭如何使用 onreadingonreadingerror 事件處理器來處理事件。

js
const ndef = new NDEFReader();
ndef
  .scan()
  .then(() => {
    console.log("Scan started successfully.");
    ndef.onreadingerror = (event) => {
      console.log(
        "Error! Cannot read data from the NFC tag. Try a different one?",
      );
    };
    ndef.onreading = (event) => {
      console.log("NDEF message read.");
    };
  })
  .catch((error) => {
    console.log(`Error! Scan failed to start: ${error}.`);
  });

規範

規範
Web NFC
# dom-ndefreader-onreading

瀏覽器相容性

另見