事件驱动:
        我们点击按钮 按钮去掉用相应的方法。
        
        demo:
             <input type="button" value="点击" οnclick="func()">
             function func(){
                     alert(1);
                   
                   }
        事件:
            onclick 点击
            onblur:失去焦点
            onfocus  得到焦点
            
            
            onkeydown 按下键盘
            onkeyup   松开键盘
            onkepress  按住键盘
            
            
            onmousedown 按下鼠标
            onmouseup  松开鼠标
            onmouseover 把鼠标放到上面
            ommousemove 移动鼠标
            onmouseout  移开鼠标
            
            
            onload  :页面加载
            onchange:改变
            onsubmit  :表单提交。
            
    如何绑定事件:

(1)<input type="button" value="点击" οnclick="fun()">
                function fun(){
               
                 alert(1);
               
               }
        (2) document.getElementById("bt").οnclick=function(){
         
                     alert(2);
                
                 }       
                    
        (3) onload页面加载
                 window.οnlοad=function(){/*  页面加载完了以后 在执行onload里面的方法  */}
                
                 
    失去焦点得到焦点小案例
        
      <input type="text" id="te" οnblur="fun();"/><br/>
      <input type="text" id="xt"  οnfοcus="func()" size="50"/>
    
      function fun(){
           /* 失去焦点  */
           var vas = document.getElementById("te").value;
       
           alert(vas);
       
       }
       
       function func(){
          /* 得到焦点 */
          var da = new Date();
          document.getElementById("xt").value=da.toLocaleString();
       }

转载于:https://www.cnblogs.com/Samuel-Leung/p/10694299.html

js 各种事件 如:点击事件、失去焦点、键盘事件等相关推荐

  1. html5鼠标事件监听,HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

  2. js常用对象:点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等;通过循环给多个元素添加事件、通过addEventListener() 方法 监听事件函数...

    1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window.   .οnlοad=f ...

  3. qt Android 按键事件,QT无窗口状态下对键盘事件的监听

    Question:最近在搞linux下的一个客户端项目,需要接收键盘事件,但是又不能有界面,这种情况怎么处理呢? int main(int argc, char *argv[]) { QApplica ...

  4. 画布上面重叠事件_python学习手札turtle库的键盘事件

    很久没有更新自己的学习情况了,今天和大家一起分享一下在turtle中如何检测用户按下键盘的按键或者点击鼠标等等! 1 探索的起源 在编辑一个互动性稍微强些的游戏时,我们不可避免的要去获取键盘和鼠标的状 ...

  5. js键盘事件中的键码对照表

      JS中的键盘事件经常用到,收集了键盘事件对应的键码来分享下: keyCode 对应按键 8 BackSpace BackSpace 9 Tab Tab 12 Clear 13 Enter 16 S ...

  6. JavaScript键盘事件经典案例

    JavaScript键盘事件五大经典案例 目录: JavaScript键盘事件五大经典案例 1.什么是键盘事件 2.常用键盘事件 3.常用属性和方法 4.案例 4.1 京东搜索框 4.2 快递单号输入 ...

  7. HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...

  8. Qt使用键盘事件实现ESC键退出Halcon的绘图流程

    1.介绍 Halcon中的执行绘图算子draw_circlr或draw_rectangle1等算子在绘制图形时,单击鼠标左键进行绘图,点击右键确认图形,点击右键之前就进行等待动作,但是在MFC/Qt等 ...

  9. 键盘事件和keycode对照表

    键盘事件和keycode对照表 本次任务完成时间:2019年05月28日 作者:青青子衿 开发工具与关键技术:Visual Studio 2015 &&键盘事件和keycode对照表 ...

  10. JavaScript-筑基(十八)键盘事件

    onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键被按下时触发,但是它不识别功能键盘,比如ctrl.shift.箭头等 docu ...

最新文章

  1. 友盟小米收不到推送消息_Android 手机收不到消息推送的设置指南 - 融云 RongCloud...
  2. c++builder传递参数_参数按值传递和按地址传递过程中,指向内存的指针如何变化?...
  3. 1.2 @Override注解
  4. 高校数字化建设到底该如何推进?这篇方案值得一看
  5. java集合租车_Java入门第二季 租车系统
  6. NLP中对困惑度感到困惑?
  7. 4个Keynote、12篇论文分享、40个Poster,CVPR 2021论文分享会全日程公布
  8. LWIP之IP层实现(转载)
  9. Android之Activity **** has leaked window android.widget.PopupWindow$PopupDecorView that was originall
  10. Boost智能指针——scoped_ptr
  11. 5010.有限状态机-电梯事件
  12. 用电脑更新手机ios系统_macOS 11 正式版体验:大更新!苹果把 iOS 风格搬到了电脑上...
  13. C语言中从键盘中输入到数组,//从键盘上输入若干整数,并将其存入数组中,并统计输入数据的个...
  14. id和instancetype
  15. 用Python把PDF文件转换成Word文档
  16. 【金融财经】金融市场一周简报(2018-03-30)
  17. 三创赛优秀作品_厉害了!珠海这所学校的大学生夺得“三创赛”全国总决赛一等奖...
  18. javaWeb-第一版
  19. 锂电池充电过程的四个阶段
  20. 如何使用stc12c5a60s2控制蜂鸣器

热门文章

  1. linux 指定jvm djava.library.path_JVM命令
  2. nand flash和nor flash区别_从闪存的发展历史看,eMMC与NAND Flash有什么区别与联系?...
  3. 前端从入门到精通(记录自己的前端学习之路)都是一些自己做的笔记
  4. python三天速成_python学习第三天
  5. MySQL基础一些概念一些用法
  6. c语言中有无注释重要吗,求助!有什么问题没考虑到吗? (c语言,大部分注释都写啦)...
  7. ribbon 配置 动态更新_SpringCloud实战三-Ribbon
  8. mysql sum 对应_ASK MySQL查询SUM不同的表
  9. html字数省略号代替,html文字两行后,就用省略号代替剩下的
  10. hbuilder新建web apk项目_【CUCS】Ionic利用你喜欢的(html css js) web技术创建跨平台的移动app...