在前端页面调用合约写入数据时不会立即返回结果，这时需要再调用获取数据的函数，使用起来非常不便，这时event就可以很好解决这样的问题。
合约代码：
声明event事件：
event Deposit(address indexed _from, bytes32 indexed _id, uint _value);
触发event事件：
emit Deposit(msg.sender, _id, msg.value); 文章来源：https://www.toymoban.com/news/detail-509773.html
pragma solidity >=0.6.0 <0.9.0;
contract Demo {
uint256 demoIndex = 0;
event DemoIndexInc(uint256 indexed index);
function getDemoIndex() public view returns (uint256) {
return demoIndex;
}
function incDemoIndex() public {
demoIndex = demoIndex+1;
emit DemoIndexInc(demoIndex);
}
}H5代码：
订阅event事件：文章来源地址https://www.toymoban.com/news/detail-509773.html
<script src="./dist/web3.min.js"></script>
<script type="text/javascript">
const addEventWatchTx = async () => {
var web3 = new Web3(ethereum)
var metaTxContract = new web3.eth.Contract(MetaTxABI, contractAddr)
metaTxContract.events.DemoIndexInc({
filter:{},
fromBlock: 'latest'
}, function(error, event){})
.on('data', function(event){
console.log(event); // same results as the optional callback above
})
.on('changed', function(event){
console.log('emove event from local database');
})
.on('error', console.error);
}
</script>
到了这里，关于Web.3js监听智能合约事件event的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
