JS补充28

键盘事件

keydown,keyup,keypress

keydown>keypress>keyup

keydown和keypress的区别

keydown可以响应任意键盘按键,keypress可以响应字符类键盘按键。

keypress返回ASCII码,可以转换成相应字符。

document.onkeypress=function(e){

      console.log(String.fromCharCode(e.charCode));

}

文本操作事件

input,focus,blur,change

<input  type='text' value="请输入用户名"style="color=#999" onfocuse="if(this.value=='请输入用户名' ){

        this.value=' ';this.style.color="#242424"}" onblur="if(this.value==' '){this.value="请输入用户名";this.style.color='#999'}">

window上的事件

scroll:滚动条一滚动事件触发

load。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,863评论 1 11
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,199评论 0 8
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,154评论 0 2
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 3,933评论 0 1
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,531评论 2 10