js常用事件总结及案例-onChange
2016-05-26 13:11
246 查看
事件是可以被javascript侦测到的行为(时间通常与函数配合使用,当事件发生时函数才会执行)
事件可以分为如下几大类:鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点上、在表单中选取输入框、确认表单、键盘按键
常见事件函数:onFocus、onBlur、onChange、onSubmit、onMouseover、onMouseOut
案例二:onChange(onChange事件会在域的内容改变时发生)。支持该事件的javascript对象:fileUpload、select、text、textarea
<script type="text/javascript">
function upper(x){
var y = document.getElementById(x).value;
document.getElementById(x).value = y.toUpperCase();
}
</script>
<input type="text" id="text" onChange="upper(this.id)" />
案例效果为:可以将输入的字符自动转换成大写
事件可以分为如下几大类:鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点上、在表单中选取输入框、确认表单、键盘按键
常见事件函数:onFocus、onBlur、onChange、onSubmit、onMouseover、onMouseOut
案例二:onChange(onChange事件会在域的内容改变时发生)。支持该事件的javascript对象:fileUpload、select、text、textarea
<script type="text/javascript">
function upper(x){
var y = document.getElementById(x).value;
document.getElementById(x).value = y.toUpperCase();
}
</script>
<input type="text" id="text" onChange="upper(this.id)" />
案例效果为:可以将输入的字符自动转换成大写
相关文章推荐
- 使用Jsoup 抓取页面的数据
- js代码将rgb颜色转为16进制颜色
- 从现在开始,使用简单优雅的validata.js
- 无缝切换功能
- 新浪文字分享功能
- 原生JS实现Ajax
- 延迟菜单实现
- 微博发布框
- 使用原生JavaScript模拟getElementByClassName .
- jsonview插件高度可视化json数据
- JS通过URL向另一jsp页面传值时中文乱码问题
- 动态加载js、css 代码
- JavaScript中使用console调试程序的坑
- 算是帮华仔写的撸JSON文件,然后发到我的REST接口的PYTHON代码
- 基于Netty5.0高级案例二之WebSocket中关于使用ProtoBuf传输数据介绍js部分
- JS设计模式之单例模式
- JavaScript中0和""比较引发的问题
- js常用事件总结及案例-onFocus、onBlur
- javascript 中的console.log有什么作用啊?
- js三种消息框总结-警告框、确认框、提示框