javascript - 使用 HTML 标记和/或属性中的 JavaScript 代码基于按钮触发元素点击

标签 javascript jquery html

我想使用另一个按钮的 onclick(或使用任何其他方式)触发具有特定类/id 的图标(图像)的点击。请参阅图片以供引用。单击“1”应触发“2”。目前我正在调用一个 javascript 函数“launchTopWM”,它使用以下代码触发点击:

$(".custom_toggle_menu_default").trigger("click"); 

但我想知道我是否可以使用它的点击等调用此代码或执行此功能,例如 href='javascript:$(".custom_toggle_menu_default").trigger("click");'

代码如下:

HTML 1:

 <img class="custom_toggle_menu_default" src="cc/tt/uu/images/launchTopWM.png">

HTML 2:

<a id="tsp" class="sp" href="launchTopWM()">CNw</a>

最佳答案

给元素一个 id 并通过纯 javascript 显示第二个 anchor 。

<!DOCTPE html>
<html>
<head>
     <title> Button style </title>
     <style>

     </style>
</head>
<body>


<a href="javascript:void(0)" onclick="getElementById('button').click()" > click me </a>
<button id="button">  Buton </button>


    

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
       $('#button').click(function(){
           alert('Buttons has been clicked');
       });
    </script>
</body>
</html>

关于javascript - 使用 HTML 标记和/或属性中的 JavaScript 代码基于按钮触发元素点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45300081/

相关文章:

javascript - Node.js 将 : store req. ip 表达为变量

javascript - 从YouTube channel 中获取最新视频

Javascript:如何打印函数的返回值?

javascript - 在 $.each 中 append 问题

jquery - jqGrid 阻止寻呼机导航?

javascript - jQuery 获取 div 的内容并使其成为其父元素的类

javascript - 检查 if 语句中的背景颜色

javascript - 更新指令的模板 AngularJS

javascript - TypedJs批量打字效果不起作用

javascript - 如何将进度条显示为表格行背景?