html标签中的this使用介绍
- 作者: 浪荡子17752709
- 来源: 51数据库
- 2020-08-13
很所朋友对html标签中的this有所陌生，本文示例实现为当通过键盘向文本框中输入字符后，当按键抬起时会显示按下的字符
如例：
<html>
<head>
<script type="text/javascript">
function showHint(str){
alert(str) ;
}
</script>
</head>
<body>
<input type="text" onkeyup="showHint(this.value)"/> <!--此处，在html标签中的this代表的是此标签-->
</body>
</html>
运行结果为：当通过键盘向文本框中输入字符后，当按键抬起时（即当keyup事件发生后），会显示按下的字符。
复制代码
代码如下:<html>
<head>
<script type="text/javascript">
function showHint(str){
alert(str) ;
}
</script>
</head>
<body>
<input type="text" onkeyup="showHint(this.value)"/> <!--此处，在html标签中的this代表的是此标签-->
</body>
</html>
运行结果为：当通过键盘向文本框中输入字符后，当按键抬起时（即当keyup事件发生后），会显示按下的字符。
推荐阅读
