JavaScript点击事件-一个按钮触发另一个按钮

给按钮2添加点击事件click触发按钮1的点击事件，就算给按钮1添加样式display: none;或visibility: hidden;隐藏起来也能触发。

<button type="button" id="btn1" οnclick="alert('我是按钮1的弹框')" >按钮1</button>
<button type="button" id="btn2">按钮2</button>
<script type="text/javascript">const BTN1 = document.getElementById('btn1');const BTN2 = document.getElementById('btn2');//给按钮2添加点击事件BTN2.addEventListener('click', () => {BTN1.onclick(); //按钮2点击后触发按钮1的onclick//BTN1.click(); //按钮2点击后触发按钮1的click 效果一样});
</script>

JavaScript点击事件/一个按钮触发另一个按钮

转载于:https://www.cnblogs.com/mazey/p/6591985.html

JavaScript点击事件-一个按钮触发另一个按钮相关推荐

jq实现点击一个按钮，触发另一个点击事件（点击按钮触发另一个按钮的点击事件）
jq实现点击一个按钮,触发另一个点击事件 $("#a").click(function(){$("#b").trigger('click');}) 实现点击完i ...
按钮置灰后点击事件仍可以触发
在按钮置灰后(disabled--禁用)但是点击事件有时候仍然可以触发解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了 --由于时间戳是数值不是字符串,所以在前面添加一个任意的字符串 ...
java按钮触发另一个页面_前端跨页面通信，你知道哪些方法？
戳蓝字「前端技术优选」关注我们哦! 引言在浏览器中,我们可以同时打开多个Tab页,每个Tab页可以粗略理解为一个"独立"的运行环境,即使是全局对象也不会在多个Tab间共享.然而有 ...
设置html按钮点击事件无效果,css怎么设置按钮不能点击？
css怎么设置按钮不能点击?下面本篇文章就来给大家介绍一下使用CSS设置按钮不能点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 想要按钮不能点击可以通过设置按钮点击事件失 ...
js手动触发页面元素点击事件，程序触发，自定义点击事件模拟点击
页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...
JavaScript点击事件换字体颜色
点击按钮可以换字体颜色可以自己看看 <div class="color"><button>red</button><button> ...
JavaScript点击事件——美女合集
Js点击事件--美女合集实例效果如下图: 代码如下: <!DOCTYPE html> <html lang="en"><head><m ...
JavaScript点击事件
单击事件: 先给一个盒子,在到style里面设置样式. 先获取一下元素,我们可以通过类来获取也可以通过querySelector获取一下('div')选择器获取第一个匹配的值,因为我们只给了一个div ...
Javascript点击事件的3种写法（复习）
方法一: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

JavaScript点击事件-一个按钮触发另一个按钮

JavaScript点击事件-一个按钮触发另一个按钮相关推荐

最新文章

热门文章