javascript按钮单击事件如何传入参数

javascript按钮单击事件如何传入参数,第1张

<input type="button" id="button1" class="nimi-button" onclick="setDate(this);" value="设置日期" />

js里:

function setDate(th){

var btid=thid;

}

第一步,在HBuilder工具中已创建好的Web项目,指定目录下新建静态页面buttonClickhtml,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第二步,在title标签下引入vuejs核心JavaScript文件,注意压缩版本和开发版本,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第三步,在<body></body>标签内,插入一个div和四个button,使用v-on绑定事件,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第四步,在<div></div>标签下方,插入<script></script>标签,并在标签内编写事件函数,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第五步,保存代码并在浏览器中查看结果,点击按钮,查看d出的结果,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第六步,d出的结果为undefined,修改代码并在事件中传参数,然后再次查看结果,可以看到按钮的相关属性和方法(浏览器控制台),如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

以上就是关于javascript按钮单击事件如何传入参数全部的内容,包括:javascript按钮单击事件如何传入参数、如何使用Vue.js中的按钮点击事件并获取按钮属性、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9443760.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存