IT入门 > 教程 >

表单验证

HTML5添加了一些允许表单验证的属性。例如,可以将必需的属性添加到输入字段中,使其成为必填项。 更复杂的表单验证可以使用JavaScript完成。 表单元素有一个onsubmit事件,可以处理该事件...

图片轮播

现在我们需要处理Next和Prev按钮的单击,并调用相应的函数来更改图像。 HTML: div button onclick=prev() 上一张 /button img id=slider src=./1.jpg width=200px height=100px/ button onclick=next() 下一张 /button /div...

图片轮播

现在,我们可以创建一个示例图像滑块项目。将使用 "下一张" 和 "上一张" 按钮更改图像。 现在,让我们创建HTML,它包括一个图像和两个导航按钮： div button 上一张/button img id=slider src=./1...

捕获与冒泡

addEventListener()方法允许您使用 "useCapture" 参数指定传播类型。 addEventListener(event, function, useCapture) 默认值为false,表示使用冒泡传播;当该值设置为true时,事件使用捕获传播。 //使用捕获el...

事件传递

HTML DOM中有两种事件传播方式：冒泡和捕获。 事件传播允许在事件发生时定义元素顺序。如果在div元素中有一个p元素,并且用户单击该元素,那么应该首先处理哪个元素的"click"事件? 在冒...

事件侦听器

addEventListener()方法将事件处理程序附加到元素,而不覆盖现有的事件处理程序。可以向一个元素添加多个事件处理程序。 您还可以将许多相同类型的事件处理程序添加到一个元素中,即两...

事件

当用户进入或离开页面时,会触发onload和onunload事件。在加载页面后执行操作时,这些选项非常有用。 body onload=doSomething() 同样,窗口。onload事件可用于在加载整个页面后运行代码。 window...

处理事件

让我们在用户单击指定按钮时显示一个警报弹出窗口： button onclick=show()点我/button script function show() { alert(你好); } /script 可以将事件处理程序分配给元素。 例如： var x = document.getElemen...

事件

您可以编写JavaScript代码,在事件发生时执行,例如当用户单击HTML元素、移动鼠标或提交表单时。 当目标元素上发生事件时,将执行处理程序函数。 常见HTML事件包括： 相应的事件可以作为...

动画

以下代码定义了一个计时器,该计时器每10毫秒调用一次move()函数： var t = setInterval(move, 10); 然而,这使我们的盒子永远向右移动。要在长方体到达容器末端时停止动画,我们向move()函数添加...