JavaScript document.all 用法(oninput、onpropertychange事件的使用)

最新推荐文章于 2023-09-15 14:00:00 发布

tianluye

最新推荐文章于 2023-09-15 14:00:00 发布

阅读量598

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/tianluye/article/details/50433047

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript document.all 用法(oninput、onpropertychange事件的使用)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>onpropertychange与oninput</title>
<!-- 
    document.all: 
        1、if(document.all) -- 判断当前浏览器是否为IE
        2、document.all -- 返回当前页面所有的元素集合。
          document.all(0) -- 表示页面的第一个元素
          document.all.a.value -- 返回id属性为a的元素的value值(id要唯一)
 -->
<!-- 
    onpropertychange 事件是IE浏览器所特有的,相似的时间有oninput
    onpropertychange是在触发对象改变任何属性时都会触发。而oninput只是在改变input的value值时才触发。
 -->
<script type="text/javascript">
	window.onload = function() {
		var otxt = document.getElementById("txt");
		var oshow = document.getElementById("show");
		var count = -1;
		if (document.all) {
			otxt.onpropertychange = function() {
				count = count + 1;
				oshow.innerHTML = count;
			}
		} else {
			otxt.oninput = function() {
				count = count + 1;
				oshow.innerHTML = count;
			}
		}
	}
</script>
</head>
<body>
	<div id="show"></div>
	<input type="text" id="txt" value="" />
</body>
</html>

tianluye

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript document.all 用法(oninput、onpropertychange事件的使用)

JavaScript document.all 用法(oninput、onpropertychange事件的使用)onpropertychange与oninput<!-- document.all: 1、if(document.all) -- 判断当前浏览器是否为IE 2、document.all -- 返回当前页面所有的元素集合。
复制链接

扫一扫