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

浏览器兼容性

另见