为什么当我按某个键时<input>会失去焦点 - 腾讯云开发者社区

一、onchange事件当元素的值发生改变时，会触发change事件。该事件仅适用于input>, 和元素。...当用于元素时，change 事件会在选择某个选项时发生。当用于input>或时，该事件会在元素失去焦点时发生。...二、keypress、keydown、keyup事件用户按下键盘上的字符键（释放键盘上的键）时触发，任何可以获得焦点的元素都可以触发keypress事件，且按下任何能够影响文本显示的键时就会触发（例如回车键...即oninput实时触发，onchange事件需要失去焦点才触发！！！...$('textarea').bind('input propertychange', function() {} 四、textInput事件只有可编辑区域才有该事件，用户按下能够输入实际字符的键时才会被触发

2.7K3 1

常用的键盘事件

=== 65) { alert('您按下的a键'); } else { alert('您没有按下a键')...console.log(e); console.log('press:' + e.keyCode); }) 3 案例：模拟京东按键输入内容当我们按下...s 键，光标就定位到搜索框（文本框获得焦点）。...search.focus(); } }) 4 案例：模拟京东快递单号查询要求：当我们在文本框中输入内容时...; con.innerText = this.value; } }) // 给输入框注册失去焦点事件

1.5K3 1

您找到你想要的搜索结果了吗？

是的

没有找到

JavaScript 事件基础补充

1.鼠标事件，页面所有元素都可触发 click：当用户单击鼠标按钮或按下回车键时触发。...input.onmousemove = function () { alert('Lee'); }; 2.键盘事件 keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。...onkeydown = function () { alert('Lee'); }; keypress：当用户按下键盘上的字符键触发，如果按住不放，会重复触发。...input.onselect = function () { alert('Lee'); }; change：当文本框(input或textarea)内容改变且失去焦点后触发。...input.onfocus = function () { alert('Lee'); }; blur：当页面或元素失去焦点时在window及相关元素上触发。

3.1K5 0

常用键盘事件

console.log(e); console.log('press:' + e.keyCode); }) 3、案例：模拟京东按键输入内容当我们按下...s 键，光标就定位到搜索框（文本框获得焦点）。... search.focus(); } }) 4、案例：模拟京东快递单号查询要求：当我们在文本框中输入内容时...; con.innerText = this.value; } }) // 给输入框注册失去焦点事件...'none'; }) // 给输入框注册获得焦点事件 jd_input.addEventListener('focus', function()

1.5K2 0

常用的键盘事件

console.log(e); console.log('press:' + e.keyCode); }) 1.3 案例：模拟京东按键输入内容当我们按下...s 键，光标就定位到搜索框案例分析　　核心思路：检测用户是否按下了 s 键，就把光标定位找到搜索框里面使用键盘事件对象里面的keyCode 判断用户是否按下了S 键 ...搜索框获得焦点：使用js里面的focus()方法注意：触发获得焦点事件，可以使用元素对象.focus() input type="text"> // 获取输入框...search.focus(); } }) 1.4 案例：模拟京东快递单号查询要求：当我们在文本框中输入内容时...; con.innerText = this.value; } }) // 给输入框注册失去焦点事件

3.2K1 0

JavaScript案例：按键输入内容，模拟自动大字号

模拟按键输入内容核心思路：检测用户是否按下了s键，如果按下s键，就把光标定位到输入框里面。...使用键盘事件对象里面的keyCode判断用户按下的是否是s键输入框获得焦点，使用js中的focus()方法 input type="text"> var...要求：当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。...输入内容时，上面的大号字体盒子（con）显示（这里面的字号更大）表单检测用户输入：给表单添加键盘事件同时把表单里面的值（value）获取过来赋值给con盒子（innerText）作为内容如果表单输入框里面的内容为空...，则隐藏大号字体盒子（con）当我们失去了焦点，就隐藏这个con盒子当我们获得焦点，并且文本框内容不为空，就显示这个con盒子。

1.8K5 0

Javascript函数的简单学习

常用事件： onabort: 对象载入被中断时触发 onblur: 元素或者窗口本身失去焦点时触发 onchange: 改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发 onerror: 出现错误时触发 onfocus: 任何元素或窗口本身获得焦点时触发... onkeydown: 键盘键包括shift,alt被按下时触发 onkeypress: 键盘键被按下，并产生一个字符时触发，也就是说按下shift或者alt等键不会触发...: 单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发 ondblclick: 双击鼠标左键时触发 onmousedown: 单击任何一个鼠标按键时触发... onmousemove: 鼠标在某个元素上移动时持续触发 onmouseout: 鼠标从指定的元素上移动开始触发 onmouseover: 鼠标移动到某个元素时触发

2K8 0

JQuery之内置函数响应事件

2.keypress 当键盘或按钮被按下时，发生 keypress 事件。keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。...提示：如果把 dblclick 和 click 事件应用于同一元素，可能会产生问题。三：input事件 1.获得焦点focus ：当元素获得焦点时，触发 focus 事件。...2.失去焦点blur ：当元素失去焦点时触发 blur 事件。这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。...blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的 3.内容改变change ：当元素的值发生改变时，会发生 change 事件。...当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

2.1K6 0

JavaScript(十二)

事件对象 ---- 在触发 DOM 上的某个事件时，会产生一个事件对象 event，这个对象中包含着所有与事件有关的信息。...有以下 4 个焦点事件: blur: 在元素失去焦点时触发 focus: 在元素获得焦点时触发 focusin: 在元素获得焦点时触发。...这个事件与 HTML 事件 focus 等价，但它冒泡 focusout: 在元素失去焦点时触发。...键盘与文本事件有 3 个键盘事件: keydown: 当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 keypress: 当用户按下键盘上的字符键时触发，而且如果按住不放的话...按下 Esc 键也会触发这个事件 keyup: 当用户释放键盘上的键时触发有一个文本事件: textInput，这个事件是对 keypress 的补充，用意是在将文本显示给用户之前更容易拦截文本。

2.9K2 0

再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表

onblur 元素失去焦点。 onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。...onerror 在加载文档或图像时发生错误。 onfocus 元素获得焦点。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。...screenY 返回当某个事件被触发时，鼠标指针的垂直坐标。 shiftKey 返回当事件被触发时，"SHIFT" 键是否被按下。...(<body 和 <frameset) 2 表单事件属性描述 DOM onblur 元素失去焦点时触发 2 onchange 该事件在表单元素的内容改变时触发( input, <keygen,...<select, 和 <textarea) 2 onfocus 元素获取焦点时触发 2 onfocusin 元素即将获取焦点时触发 2 onfocusout 元素即将失去焦点时触发 2 oninput

2.2K4 0

原生js获得八种方式,事件操作

document.documentElement是专门获取html这个标签的获取body的方法（document.body） document.body是专门获取body这个标签的二.事件句柄属性当以下情况发生时，...出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误...onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown...某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被点击...提交按钮被点击 onunload 用户退出页面三.使用方法 1.获取单个元素 2.单个元素发送的事件 3.发生的内容相关替换 let inp = document.querySelector('input

3.3K1 0

HTML事件属性--DOM

失去焦点时运行的脚本 input name="int" id="int" onblur="myfun()"> function myfun() { var...绑定一个onblur=myfun()的事件，当input失去焦点的时候产生什么样的效果 demo查看 2.onfocus 元素获得焦点时触发事件，和onblur相反 demo查看 3.onchange...} 这个事件的意思就是，当我对input内容进行操作改变后，浏览器会弹出一个alert demo查看 4.oncontextmenu 当用户右键操作时触发该事件可以绑定在任意元素中触发...') } onchange和oninput有相似的地方，都是改变文本内容时触发事件但是onchange是在input失去焦点时才触发，oninput是立刻触发 demo查看...，一闪而过，只有alert能停留在页面上，等待点击确定三、key键盘事件 1.onkeydown 按下任意键时触发，包括系统按钮，箭头和功能键 demo查看 2.onkeypress 按下任意字母数字键时触发

3.8K2 0

4-Jquery学习四-事件操作

注意：并不是所有元素都可以失去焦点，可以获得鼠标光标焦点的元素主要是表单输入元素(只有获得焦点后才可能失去焦点)。...是支持冒泡的，当我们把鼠标光标放入文本框时，该事件冒泡传递到父元素p上，因此可以在p元素上触发focusin事件。...focusin事件 20，focusout focusout事件就是失去焦点事件。...该事件仅适用于input type="text">和以及。对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。...它与keypress事件类似，但keypress着重的是按下该键输入了哪个字符(只有能够打印字符的键才会触发keypress) keydown着重的是按下了哪个键(按下任何键都可触发keydown)。

4.5K9 0

【Java AWT 图形界面编程】事件处理机制 ③ ( AWT 中常见的事件和事件监听器 | 低级事件 | 组件事件 | 窗口事件 | 鼠标事件 | 高级事件 | 动作事件 | 事件监听器 )

, 如点击 , 拖动 , 获取焦点 , 失去焦点等固定的简单操作 ; 高级事件 : 不基于某个特定事件 , 而是根据功能的具体含义定义的事件 ; 1、低级事件低级事件 : 组件事件 : ComponentEvent...窗口事件 : WindowEvent , 窗口打开 , 关闭 , 最小化 , 最大化 , 获取焦点 , 失去焦点时触发的事件 ; 焦点事件 : FocusEvent , 组件获取焦点 , 失去焦点...; 动作事件 : ActionEvent , 组件 , 按钮 , 菜单被点击时 , 文本框按下回车键时 , 触发该事件 ; 调节事件 : AjustmentEvent , 拖动条拖动滑块调节数值..., 失去焦点 ; 焦点事件监听器 : FocusListener , 监听组件获取焦点 , 失去焦点 ; 鼠标事件监听器 : MouseMotionListener , 监听鼠标按下 , 移动...update paint 函数 ; 动作事件监听器 : ActionListener, 监听组件 , 按钮 , 菜单被点击时 , 文本框按下回车键 ; 调节事件监听器 : AjustmentListener

1.9K2 0

HTML——全局属性

2K1 0

HTML中DOM 对象事件

2 键盘事件属性描述 DOM onkeydown 某个键盘按键被按下。 2 onkeypress 某个键盘按键被按下并松开。 2 [onkeyup] 某个键盘按键被松开。...( body 和 frameset) 2 表单事件属性描述 DOM onblur 元素失去焦点时触发 2 onchange 该事件在表单元素的内容改变时触发( input, keygen, select..., 和 textarea) 2 onfocus 元素获取焦点时触发 2 onfocusin 元素即将获取焦点时触发 2 onfocusout 元素即将失去焦点时触发 2 oninput 元素获取用户输入时触发...2 metaKey 返回当事件被触发时，”meta” 键是否被按下。 2 relatedTarget 返回与事件的目标节点相关的节点。...2 shiftKey 返回当事件被触发时，”SHIFT” 键是否被按下。

1.4K2 0

JavaScript 学习-29.HTML DOM 事件

ondblclick 当用户双击某个对象时调用的事件句柄。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发input>, , , 和 ...onfocus 元素获取焦点时触发 onsubmit 表单提交时触发 onload 加载页面 onload 通常用于元素，在页面完全载入后(包括图片、css文件等等。)...onblur 当元素失去焦点的时候触发使用示例 onfocus 获取焦点和 onblur 失去焦点 ... 鼠标点输入框，获取焦点鼠标移开输入框，失去焦点 2022年第 11 期《python接口web自动化+测试开发》课程，6月5号开学!

1K1 0

JavaWeb——JavaScript精讲之事件监听机制与表单校验案例实战

常见的事件： 1）点击事件：1、onclick：单击事件 2、ondbclick：双击事件 2）焦点事件：1、obblur：失去焦点，一般用于表单校验 ...2、onfocus：元素获得焦点 3）加载事件：1、onload：一张页面或一幅图像加载完成 4）鼠标事件：1、onmousedown：鼠标按钮被按下，定义方法时，定义一个形参接受event对象，event... 2、onkeypress 某个键盘按键被按下并松开 3、onkeyup 某个键盘按键被松开 6... //onload加载完成事件 window.onload = function () { /* //失去焦点事件...document.getElementById("username").onblur = function () { alert("失去焦点")

8512 0

javaScript事件处理

对此还有： resize事件：当调整浏览器的窗口到一个新的宽度或者高度时，就会触发resize事件。 scroll事件：文档或者浏览器窗口被滚动期间会触发scroll事件。...焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。 ---- 2.鼠标事件例如当鼠标单击左键，会发生onclick事件： <!...---- 5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件）方法描述 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标单击某个对象...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或者按住...onkeyup 某个键盘的键被松开 onload 某个页面或者图像被完成加载 onmousedown 某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover

2.4K1 0

Angular 2 用户输入

用户点击链接、按下按钮或者输入文字时，这些用户的交互行为都会触发 DOM 事件。本章中，我们将学习如何使用 Angular 事件绑定语法来绑定这些事件。...(enter) 键的时候才获取输入框的值。...values=box.value"> {{values}} ` }) export class KeyUpComponent_v3 { values = ''; } blur( 失去焦点...) 事件接下来我们可以使用blur( 失去焦点 ) 事件，它可以再元素失去焦点后更新 values 属性。...以下实例同时监听输入回车键与输入框失去焦点的事件。

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

统计字数oninput？keyup？onchange？

常用的键盘事件

JavaScript 事件基础补充

常用键盘事件

常用的键盘事件

JavaScript案例：按键输入内容，模拟自动大字号

Javascript函数的简单学习

JQuery之内置函数响应事件

JavaScript(十二)

再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表

原生js获得八种方式,事件操作

HTML事件属性--DOM

4-Jquery学习四-事件操作

【Java AWT 图形界面编程】事件处理机制 ③ ( AWT 中常见的事件和事件监听器 | 低级事件 | 组件事件 | 窗口事件 | 鼠标事件 | 高级事件 | 动作事件 | 事件监听器 )

HTML——全局属性

HTML中DOM 对象事件

JavaScript 学习-29.HTML DOM 事件

JavaWeb——JavaScript精讲之事件监听机制与表单校验案例实战

javaScript事件处理

Angular 2 用户输入

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐