CSS中onfocus=""与onblur=""函数用法
2016-01-26 15:43
573 查看
onfocus函数指获取焦点是触发事件,onblur函数则是指失去焦点时触发的事件。如下例子:
<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
function lowerCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toLowerCase()
}
</script>
</head>
<body>
输入一串英文字母:
<input type="text" id="fname" onblur="upperCase()" onfocus="lowerCase()"/>
</body>
</html>
其中toUpperCase()是将英文字符转换为大写,而toLowerCase()相反
<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
function lowerCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toLowerCase()
}
</script>
</head>
<body>
输入一串英文字母:
<input type="text" id="fname" onblur="upperCase()" onfocus="lowerCase()"/>
</body>
</html>
其中toUpperCase()是将英文字符转换为大写,而toLowerCase()相反
相关文章推荐
- 让ICON生动起来 纯CSS实现带动画的天气图标
- 使用jxl导出Excel文件,并且设置Excel样式
- #学习笔记#(26)CSS3总结-慕课教程(部分)
- EXCEL设置选中单元格样式
- CSS 备忘
- QT5常用样式表
- CSS3自定义滚动条样式 -webkit-scrollbar
- CSS样式开发处理技巧
- div+css将同一个div中图标和文字对齐
- 3.1 活动应用样式与主题
- css相关 细节 优化 备忘
- 获取 修改 CSS 样式
- 一小时搞定DIV+CSS布局-固定页面开度布局
- css代码重构与优化
- CSS实现超出DIV宽度文字自动隐藏并显示省略号
- 8个非常个性化的CSS3单/复选框
- css中height:100%不起作用的解决方法
- 利用CSS3制作淡入淡出动画效果
- 基于display:table的CSS布局让HTML元素和像table一样
- 你很熟悉CSS,却没掌握这些CSS技巧