javascript - NDEFReader.write 忽略中止信号

问题描述

我正在尝试创建一个可以读取和写入 NFC 标签的简单网页。如果需要，我还希望具有取消写入操作的功能。所以我按照这里和这里的例子。但是，我遇到了一个中止信号被忽略的问题。这个简单的代码可以证明这个问题：

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Test</title>

    <script>
        let data;
        let reset_controller = new AbortController();
        let ndef;


        try {
            ndef = new window.NDEFReader();

            ndef.addEventListener("readingerror", async () => {
                log_error('Cannot read data from the NFC tag.');
            });

            ndef.addEventListener("reading", async ({message, serialNumber}) => {
                data = new TextDecoder('utf-8').decode(message.records[0].data.buffer);
                draw_info();
            });
        } catch (error) {
            console.error(error);
        }

        function draw_info() {
            document.getElementById('data').innerHTML = `data is: ${data}`;
        }


        function reset() {
            console.log('Aborted!')
            reset_controller.abort();
            document.getElementById('data').innerHTML = '';
        }


        async function read_data() {
            data = await ndef.scan();
            draw_info();
        }

        async function write_data() {
            console.log('stating write')
            try {
                await ndef.write("some data", {
                    AbortSignal: reset_controller.signal
                });
            } catch (e) {
                console.error(e);
            }
        }
    </script>

</head>
<body>
<button onclick="read_data()">Read</button>
<button onclick="write_data()">Write</button>
<button onclick="reset()">Rest</button>
<p id="data">data is: </p>
</body>
</html>

重复这个问题：

1-单击写入按钮。

2-单击重置以取消写入。

接近一个标签。

标签现在包含不应包含的字符串“一些数据”

标签： javascriptgoogle-chromewebnfc

javascript - NDEFReader.write 忽略中止信号

问题描述

解决方案

推荐阅读