JS通过事件的传递来间接调用定义在函数中的函数

最新推荐文章于 2021-12-24 19:40:24 发布

__简言

最新推荐文章于 2021-12-24 19:40:24 发布

阅读量3.8k

点赞数 2

分类专栏： JS 文章标签： button function input c

本文链接：https://blog.csdn.net/allenjy123/article/details/7581756

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>Test</title>
<script type="text/javascript">
var a = -1;
var b = -1;

function A(){
	document.getElementById("MyButton1").onclick = function B(){
		alert("a = " + a +" ; " + "b = " + b);
	}
}

function C(new_a,new_b){
	a = new_a;
	b = new_b;
	//触发MyButtonn1的单击事件
	document.getElementById("MyButton1").click();
}
</script>
</head>

<body onload = "A();">
	<INPUT type="button" id="MyButton1" style = "display:none" value="button1">
	<INPUT type="button" id="MyButton2" onclick = "C(2,3);" value="button2">
</body>
</html>

把MyButton1设为隐藏，通过点击MyButton2可以直接调用函数A中的函数B。其中的MyButton1的单击事件充当了类似“桥梁”做作用，这样的好处是在执行函数B时保持了原有的上下文环境，当函数A中有很多函数和变量时会比较好用。

__简言

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
JS通过事件的传递来间接调用定义在函数中的函数

Testvar a = -1;var b = -1;function A(){ document.getElementById("MyButton1").onclick = function B(){ alert("a = " + a +" ; " + "b = " + b); }}function C(new_a,new_b){ a = new_a; b = new_
复制链接

扫一扫