input 输入事件_HTML学习--JS具体事件（二）

最新推荐文章于 2023-10-12 00:51:18 发布

weixin_39842519

最新推荐文章于 2023-10-12 00:51:18 发布

阅读量190

点赞数

文章标签： input 输入事件 input事件 input回车触发事件 input点击事件 input点击事件不能用 input点击事件无效

1.触屏事件

<!DOCTYPE html>

2.聚焦事件

当输入框被点击之后，光标在输入框闪动的时候，即为聚焦的事件。

<!DOCTYPE html>

3.输入事件

输入事件与按键事件的主要区别在于，输入事件会以输入框是否真正输入新的内容而触发事件。而按键事件是每次按键都会触发。

<!DOCTYPE html>

4.变更事件

<!DOCTYPE html>

5.文档加载事件

文档或者是图片或者视频，都可以使用onload事件来进行判断内容是否加载完毕。图片想要获取宽高，必须等待图片加载完毕

<!DOCTYPE html>

6.改变文档结构的5中方式

1、在元素的最后面追加子元素
//语法:父元素.appendChild(子元素对象)
2、在什么元素前面追加元素
//语法：父元素.insertBefore(插入的元素对象,参考对象)
document.insertBefore()
3、替换元素
//语法：父元素.replaceChild(替换的元素对象，被替换的元素对象)
document.replaceChild()
4、删除某个元素
//语法：父元素.removeChild(删除元素对象)
document.removeChild()
5、创建元素，并没有显示在页面上，都需要上面的appendChild/insertBefore/replaceChild任意一种来完成插入到页面结构中
//语法：document.createElement("元素标签的名称")

7. Audio音频

常见的方法：

//audio常用的属性和方法
//play()播放、pause()暂停
//volume调节音量，设置的值是从0-1，0就相当于静音，1就是百分百的音量
//muted设置静音，true就静音，false不静音
//currentTime,获取和设置当前播放到什么位置

//onplay播放的事件
//onpause暂停事件

<!DOCTYPE html>

8. Video视频

常用方法：

/*
		 muted:静音
		 play():播放
		 pause():暂停
		 volume:音量
		 currentTime:当前播放的世界
		 loop:是否循环播放
		 duration:播放总时间
		 //onplay播放的事件
		//onpause暂停事件
		webkitRequestFullScreen()：设置全屏播放，仅用于谷歌浏览器。

weixin_39842519

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input 输入事件_HTML学习--JS具体事件（二）

1.触屏事件<!DOCTYPE html>2.聚焦事件当输入框被点击之后，光标在输入框闪动的时候，即为聚焦的事件。<!DOCTYPE html>3.输入事件输入事件与按键事件的主要区别在于，输入事件会以输入框是否真正输入新的内容而触发事件。而按键事件是每次按键都会触发。<!DOCTYPE html>4.变更事件<!DOCTYPE html>5...
复制链接

扫一扫