Ionic 5：如何使用 Javascript 将事件侦听器添加到离子输入

Question

我正在尝试向离子输入添加一个事件侦听器，这样当发生更改和 onkeyup 时，相应的函数将使用传入的 id 执行

代码

<ion-input id="totalTimeOpening" type="text"></ion-input>

<script>
    function testChange(id) {
        console.log(id + " Change");
    }

    function testOnKeyUp(id) {
        console.log(id + " KEYUP");
    }

    document.getElementById("totalTimeOpening").addEventListener('ionChange', testChange.bind('totalTimeOpening'), false);


    document.getElementById("totalTimeOpening").addEventListener('onkeyup', testOnKeyUp.bind('totalTimeOpening'), false);
</script>

当前代码似乎传递了整个离子输入对象

Answer 1

我想通了。

    function testChange(id) {
        console.log(id + " Change");
    }

    function testOnKeyUp(id) {
        console.log(id + " KEYUP");
    }


        document.getElementById("totalTimeOpening").addEventListener('ionBlur', function(){
            testChange('totalTimeOpening')
        });


        document.getElementById("totalTimeOpening").addEventListener('ionInput', function(){
            testOnKeyUp('totalTimeOpening')
        });

这些函数必须放在 function(){here}) 中并且它可以工作。此外，onkeyup 似乎无法与 ionic 一起使用，而 ionInput 似乎可以作为替代品

Ionic 5：如何使用 Javascript 将事件侦听器添加到离子输入

Ionic 5: How to add event listener to ion-input using Javascript

javascript

ionic-framework

ionic5