Question

我在这里遇到了一些麻烦：

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<form action="http://localhost/signup.php" method="POST">
	<input type="text" name="first" placeholder="name"><br>
	<input type="text" name="last" placeholder="lastname"><br>
	<input type="text" name="uid" placeholder="username"><br>
	<input type="pasword" name="pwd" placeholder="pasword"><br>
	<button type="submit">sign up</button>
</form>

</body>
</html>

这是我的JavaScript，使用此HTML 外部我的Ionic应用程序可以很好地运行：

function load(){
    var elements=document.getElementsByClassName('inputfield');
        for(let i=0;i<elements.length;i++){
            elements[i].addEventListener("keydown",keydown);
        }
  }

window.onload = load;

然而，在Ionic 中无法工作！我在控制台或其他任何地方都没有错误......

我也试过了：

        <input class="zipCode inputfield" />

但它也没有做到这一点。

我没有选择，因为这是完全有效的JS。我该如何解决这个问题？

Answer 1

由于您正在使用离子更好地使用视图life cycle and events 。您可以在document

中找到许多活动

例如

 $scope.$on('$ionicView.enter', function () {
            //do your work here..
        })

Answer 2

document.addEventListener("deviceready", load, false) ;

function load(){
    var elements=document.getElementsByClassName('inputfield');
    for(let i=0;i<elements.length;i++){
        elements[i].addEventListener("keydown",keydown);
    }
}

如何在Ionic上运行onload功能？

2 个答案: