繁体   English   中英

单击按钮时如何运行JS代码

[英]how to run JS code when button is clicked

是否可以修改以下代码,以便当您单击 ID 为 #slide-1-next 的按钮时,javascript 代码会运行? 理想情况下,在单击按钮之前,代码不会运行。 我不是非常精通 JS,但我认为也许可以修改带有事件侦听器的最后一行代码来实现这一点?

let text = 'What follows is Lorem ipsum translated to English: But I must explain to you how all this mistaken idea of reprobating pleasure and extolling pain arose.';

function type() {
    let textChar = text.charAt(textLength++);
    let paragraph = document.getElementById("typed");
    let charElement = document.createTextNode(textChar);
    paragraph.appendChild(charElement);
    if(textLength < text.length+1) {
        setTimeout('type()', 50);
    } else {
        text = '';
    }
}
  
document.addEventListener("DOMContentLoaded", function() {
    type();
  });

总结以上评论,在代码块末尾添加以下行将在单击 ID 为slide-1-next的按钮时运行type函数:

document.getElementById("slide-1-next").onclick = type;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM