不同页面通过事件监听传值
时间: 2023-09-08 19:08:12 浏览: 37
在不同页面之间传递值的方式有很多种,其中一种是通过事件监听来实现。具体步骤如下:
1. 在要传递值的页面(页面A)中,定义一个事件,并在需要传递值的时候触发该事件,同时将要传递的值作为参数传递给事件。
```js
// 页面A
const event = new CustomEvent('myEvent', { detail: { data: '要传递的值' } });
document.dispatchEvent(event);
```
2. 在接收值的页面(页面B)中,监听该事件,并在事件触发时获取传递的值。
```js
// 页面B
document.addEventListener('myEvent', (event) => {
const data = event.detail.data; // 获取传递的值
// TODO: 处理传递的值
});
```
需要注意的是,在使用事件监听传值时,两个页面要在同一浏览器中打开,否则无法传值。另外,事件的名称要保持一致,否则无法正确接收到传递的值。