离子事件不与离子选择一起激发

Question

我想在模糊时获得离子选择的值，但事件没有启动。这是我当前的代码：

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" />
<ion-app>
<ion-content>
<ion-item>
<ion-label>Filters</ion-label>
<ion-select value="none" ionCancel="console.log('cancelled')" ionBlur="console.log('event')" ionChange="console.log('event')" ok-text="Add" cancel-text="Cancel">
<ion-select-option value="none">None</ion-select-option>
<ion-select-option value="sports">Sports</ion-select-option>
<ion-select-option value="tech">Tech</ion-select-option>
<ion-select-option value="cooking">Cooking</ion-select-option>
<ion-select-option value="music">Music</ion-select-option>
</ion-select>
</ion-item>
</ion-content>
</ion-app>

有人能告诉我我在这里犯了什么错误吗。

Answer 1

您不能使用HTML添加事件处理程序(除非您使用的是Angular之类的框架或Stencil之类的编译器(。

相反，您需要使用JavaScript:

document.querySelector('ion-select').addEventListener('ionBlur', () => console.log('blur'));

在一个真正的应用程序中，你可能想要使用一个更具体的选择器。