(js技巧)input文本框回车或者失去光标触发事件

问题1：
input文本框输入完成后回车，或者是失去光标时，触发事件。

实现方式
οnchange="window.alert('触发事件，处理事情')" //失去光标时，触发事件并处理
οnkeypress=" if(event.keyCode==13) { window.alert('触发事件，处理事情'); return false;}" //回车触发事件并处理

注：在onkeypress事件中必须加入 return false;语句主要避免input中的输入项丢失。

完整的例子：
<input type="text" id="inputGoodNo" style="width:197px;Height:31px;Font-Size:X-Large" οnchange="... do some thing...." οnkeypress=" if(event.keyCode==13) { ... do some thing....; return false;}"/>

(js技巧)input文本框回车或者失去光标触发事件相关推荐

原生js操作input文本框注册获取焦点、失去焦点事件，设置文本框默认值
<input type="text" value="请输入关键字" class="gray" id="txtInput&qu ...
通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
【干货】JS 限制input文本框输入
JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=v ...
Js获取input文本框值的几种方法
首先编写一个HTML,代码如下: <form id="form1"><table border="0"><tr><td ...
css合并两个文本框,css实现input文本框的双边框美化
css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值通过 ...
点击input文本框，文字消失 JS
<HTML><HEAD><title>点击input文本框,文字消失</title><script type="text/javascr ...
html 文本框回车触发按钮点击事件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...

(js技巧)input文本框回车或者失去光标触发事件

(js技巧)input文本框回车或者失去光标触发事件相关推荐

最新文章

热门文章