我怎么能移动我的Onclick和Onmouseover从我的HTML到我的javascript

How can I move my Onclick and Onmouseover from my HTML to my javascript?

本文关键字：我的 HTML javascript Onmouseover 怎么能 移动 Onclick      更新时间：2023-09-26

我的老师告诉我，我不能把Onclick和OnMouseover等在我的html?我需要把它放入我的。js文件?在谷歌上搜索了一下之后，每个人都在做同样的事情，比如我?我只能使用Javascript

有谁能帮我吗?
<script type="text/javascript">
        var pauseSlider=false;
        var image = []
        image[0]=new Image()
        image[0].src = "./images/1.jpg"
        image[1]=new Image()
        image[1].src = "./images/2.jpg"
        image[2]=new Image()
        image[2].src = "./images/3.jpg"
        image[3]=new Image()
        image[3].src = "./images/4.jpg"
</script>

这是我的预加载(html，可以留在那里)

<img src="./images/1.jpg" name="slide" onmouseover="pauseSlider=true"    onmouseout="pauseSlider=false" onclick="slideNext()" width=960 height=500>

所以这是我的"错误"，我必须把'onclick'和onmouseover等在我的。js文件，我不知道如何和在哪里!

 var step = 1
document.getElementsByName'slide'
function slideit(){
    if(!pauseSlider)
    {
        slideNext()
    }
    setTimeout("slideit()",2500)
}
function slideNext()
{
    var slideimage = document.getElementsByName("slide")[0];
    slideimage.src=image[step].src
    if (step<image.length-1)
        step++
    else
        step=0
}

这是我的Javascript文件(它是一个imageslider)

我希望我已经遵循了规则，不确定关于'代码块'

谢谢你!

像这样:

var slideimage = document.getElementsByName("slide")[0];
slideimage.onclick = function() { ...... };

有许多绑定事件的方法，这里介绍

http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/

为幻灯片容器添加一个id…

<div id="slider">
    <img src="./images/1.jpg" name="slide" onmouseover="pauseSlider=true"    onmouseout="pauseSlider=false" onclick="slideNext()" width=960 height=500>
</div>

然后像这样添加你的javascript…

window.onload = function(){
    var slider = document.getElementById('slider');
    slider.onclick = slidenext;
    slider.onmouseover = function(){pauseslider = true;};
    slider.onmouseout = function(){pauseslider = true;};
};

我想你可能想试试element。addEventListener(event, cbfunction, boolean);

https://developer.mozilla.org/it/docs/DOM/element.addEventListener

相关文章：