用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。
例如接下来我将要演示的例子中,仅用
document.getElementById("btn").click()
一行就可以控制按钮点击。
其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。
演示这是我为此问题专门写的在线演示页面点击按钮演示页面。
页面结构如图
首先点击右下角打开控制台
然后输入
document.getElementById("btn").click()
这行代码
按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。
在 angular 项目开发中 不建议这么弄,当然 如果有些引入的库 只能这样触发的话,还是有办法解决的。
首先在 控制器外侧,也就是js 的最外侧定义一个变量, 然后在当前控制器中 给该变量赋值为一个函数,该函数调用 控制器中 ng-click 之前绑定的回调函数 定义的这个函数使用onclick调用即可 比如:
<button ng-click="method_angular()">test</button><button id="btn" onclick="method()">test</button> // 第一个按钮 是使用ng-click执行
// 第二个按钮是 使用onclick 执行
// 也可以使用jquery 给button 绑定事件执行
var method
app.controller("testRoute",["$scope",function($scope){
$scope.method_angular = function(){
console.log(111)
}
method = function (){
$scope.method_angular()
}
$("#btn").click(function(){
$scope.method_angular()
})
})