js 各种事件 如:点击事件、失去焦点、键盘事件等
事件驱动:
我们点击按钮 按钮去掉用相应的方法。
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 各种事件 如:点击事件、失去焦点、键盘事件等相关推荐
- html5鼠标事件监听,HTML5 Canvas鼠标与键盘事件
演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...
- js常用对象:点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等;通过循环给多个元素添加事件、通过addEventListener() 方法 监听事件函数...
1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window. .οnlοad=f ...
- qt Android 按键事件,QT无窗口状态下对键盘事件的监听
Question:最近在搞linux下的一个客户端项目,需要接收键盘事件,但是又不能有界面,这种情况怎么处理呢? int main(int argc, char *argv[]) { QApplica ...
- 画布上面重叠事件_python学习手札turtle库的键盘事件
很久没有更新自己的学习情况了,今天和大家一起分享一下在turtle中如何检测用户按下键盘的按键或者点击鼠标等等! 1 探索的起源 在编辑一个互动性稍微强些的游戏时,我们不可避免的要去获取键盘和鼠标的状 ...
- js键盘事件中的键码对照表
JS中的键盘事件经常用到,收集了键盘事件对应的键码来分享下: keyCode 对应按键 8 BackSpace BackSpace 9 Tab Tab 12 Clear 13 Enter 16 S ...
- JavaScript键盘事件经典案例
JavaScript键盘事件五大经典案例 目录: JavaScript键盘事件五大经典案例 1.什么是键盘事件 2.常用键盘事件 3.常用属性和方法 4.案例 4.1 京东搜索框 4.2 快递单号输入 ...
- HTML5 Canvas鼠标与键盘事件
演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...
- Qt使用键盘事件实现ESC键退出Halcon的绘图流程
1.介绍 Halcon中的执行绘图算子draw_circlr或draw_rectangle1等算子在绘制图形时,单击鼠标左键进行绘图,点击右键确认图形,点击右键之前就进行等待动作,但是在MFC/Qt等 ...
- 键盘事件和keycode对照表
键盘事件和keycode对照表 本次任务完成时间:2019年05月28日 作者:青青子衿 开发工具与关键技术:Visual Studio 2015 &&键盘事件和keycode对照表 ...
- JavaScript-筑基(十八)键盘事件
onkeyup 某个键盘按键被松开时触发 onkeydown 某个键盘按键被按下时触发 onkeypress 某个键盘按键被按下时触发,但是它不识别功能键盘,比如ctrl.shift.箭头等 docu ...
最新文章
- 友盟小米收不到推送消息_Android 手机收不到消息推送的设置指南 - 融云 RongCloud...
- c++builder传递参数_参数按值传递和按地址传递过程中,指向内存的指针如何变化?...
- 1.2 @Override注解
- 高校数字化建设到底该如何推进?这篇方案值得一看
- java集合租车_Java入门第二季 租车系统
- NLP中对困惑度感到困惑?
- 4个Keynote、12篇论文分享、40个Poster,CVPR 2021论文分享会全日程公布
- LWIP之IP层实现(转载)
- Android之Activity **** has leaked window android.widget.PopupWindow$PopupDecorView that was originall
- Boost智能指针——scoped_ptr
- 5010.有限状态机-电梯事件
- 用电脑更新手机ios系统_macOS 11 正式版体验:大更新!苹果把 iOS 风格搬到了电脑上...
- C语言中从键盘中输入到数组,//从键盘上输入若干整数,并将其存入数组中,并统计输入数据的个...
- id和instancetype
- 用Python把PDF文件转换成Word文档
- 【金融财经】金融市场一周简报(2018-03-30)
- 三创赛优秀作品_厉害了!珠海这所学校的大学生夺得“三创赛”全国总决赛一等奖...
- javaWeb-第一版
- 锂电池充电过程的四个阶段
- 如何使用stc12c5a60s2控制蜂鸣器
热门文章
- linux 指定jvm djava.library.path_JVM命令
- nand flash和nor flash区别_从闪存的发展历史看,eMMC与NAND Flash有什么区别与联系?...
- 前端从入门到精通(记录自己的前端学习之路)都是一些自己做的笔记
- python三天速成_python学习第三天
- MySQL基础一些概念一些用法
- c语言中有无注释重要吗,求助!有什么问题没考虑到吗? (c语言,大部分注释都写啦)...
- ribbon 配置 动态更新_SpringCloud实战三-Ribbon
- mysql sum 对应_ASK MySQL查询SUM不同的表
- html字数省略号代替,html文字两行后,就用省略号代替剩下的
- hbuilder新建web apk项目_【CUCS】Ionic利用你喜欢的(html css js) web技术创建跨平台的移动app...