OnClick 可以做两件事吗? [英] Can OnClick do 2 things?

问题描述

这是html代码...

<div id="Div1"><input id="Button1" type="button" value="&#9658;"onclick="switchVisible();"style="font-size: 40px; font-weight: bold; line-height: 2; background-color: #000; text-align: center; color: #fff; margin-bottom: 0px; z-index: 102; 背景: url('.get_post_meta(get_the_ID(), 'fifu_image_url', TRUE).') 不重复；背景尺寸:封面；位置:相对；填充底部:56.25%；填充顶部:0px；高度: 0; margin-bottom: 0px; width: 100%; font-size: 120px; line-height: 5;"/>
<div id="Div2" class="video-embed" style="font-size: 40px; font-weight: bold; line-height: 2; background-color: #000; text-align: center; color: #fff; margin-bottom: 0px; z-index: 102;display:none;">'.do_shortcode('[video_display]').'

这是脚本...

我想在新的弹出窗口或新窗口中添加 url opening 也是 onclick 输入

类似……

https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode( get_permalink( get_the_ID() ) );?>

有可能吗?

解决方案

最好的方法是使用 addEventListener，而完全忘记 onclick 属性.删除 代码中的 onclick 并将其添加到脚本中:

document.getElementById("Button1").addEventListener("click", (e) => {/* 为东西按钮编写代码应该在点击时执行 */});

通过这种方式，您可以将 JavaScript 与 HTML 分开，从而生成更好的代码.而不是调用匿名函数 (e) =>{ ... } 或 function() { ... }，你可以按名称调用函数，并且你可以重复这个，如果你想要多个函数在按钮时运行被点击:

document.getElementById("Button1").addEventListener("click", functionName1);document.getElementById("Button1").addEventListener("click", functionName2);/* 等等... */

使用该代码，当单击按钮时，functionName1() 和 functionName2() 都将运行.

更多信息:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

并确保