首页 >web前端 >html教程 >html标签中的this使用详细介绍

html标签中的this使用详细介绍

高洛峰
高洛峰原创
2017-03-06 15:44:532135浏览

很所朋友对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标签中的this使用详细介绍相关文章请关注PHP中文网!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn