input _文本框回车或者失去光标触发事件

IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。
onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。
了解这一点后我们发现onpropertychange的效果就是我们想要的,可是很遗憾,它只在IE下有效果。我们能不能找到另外一个时间来代替onpropertychange呢?
经过翻阅资料得知,在其他浏览器下可以使用oninput事件来达到同样的效果,真是太好了,我们只需要把IE浏览器区分出来就可以。

如果您是将注册时间直接写在页面里面,那么如下写法就可以实现: 
oninput="alert(this.value);" onpropertychange="alert(this.value)"

propertyname:就是用来获取哪个属性被修改的。

<input type="text" value="xxx" id="xx" onclick="this.myprop=‘xx‘">
  <script type="text/javascript">
    document.getElementById(‘xx‘).attachEvent(‘onpropertychange‘,function(o){
       //遍历      for(var item in o){
            alert(item+":"+o[item]);
        }    //弹出属性和值    alert(o.propertyName);     });
</script>  

onchange="window.alert(‘触发事件,处理事情‘)"

onkeypress=" if(event.keyCode==13) { window.alert(‘触发事件,处理事情‘); return false;}"   //回车触发事件并处理

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

时间: 2024-08-04 17:13:57

input _文本框回车或者失去光标触发事件的相关文章

【WebForm】编程点滴:由文本框回车触发按钮点击事件想到的

在WebFomr中我们常常会需要实现这样一个功能:文本框回车时触发触发其他按钮的click事件.在JS中我们常常这样做: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

获取textarea文本框所选字符光标位置索引,以及选中的文本值;textarea高度自适应,随着内容增加高度增加;获取输入框中的光标位置

获取textarea文本框所选字符光标位置索引,以及选中的文本值 $.fn.selection = function () { var s, e, range, stored_range; if (this[0].selectionStart == undefined) { var selection = document.selection; if (this[0].tagName.toLowerCase() != "textarea") { var val = this.val()

20140527-在jQuery中设置文本框回车事件

20140527-在jQuery中设置文本框回车事件 该代码要完成的效果是,用户在文本框输入完毕以后,按下回车键,立即触发"搜索"的单击事件. 例如: $("#search_user_name").keydown(function (e) {         // search_user_name为文本框ID         var curKey = e.which;         if (curKey == 13) {             // search

js获取子节点和修改input的文本框内容

js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 例如:$("#"+defaultPVItemId).children().eq(3).find('input').val('当前位置'); //修改某个选择器下的第四个子节点的input节点的输入框文本内容 js修改属性内容: attr():该方法一般是获取某个属性值,或者修改某个属性值,

文本框获取焦点时,光标出现在文本末尾

最近遇到一个问题,点击编辑,才能修改一个文本框的内容,文本框自动获取光标,但是光标总是出现在文本框最前面,如图: 光标一直出现在 '1' 的前面,咨询了百度之后,通过 js 来实现: html 代码: <input type="text" id="test" value="123456879"> <input type="button" id="focus" value="编辑&

HTML中让表单input等文本框为只读不可编辑的方法

<转> 方法1: onfocus=this.blur() <input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> <input type=&

input text 文本框 字符限制

input text中只能输入数字和"-"号<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />

input autocomplete 文本框自动检索

首先下载所需文件,jquery.autocomplete.js和jquery.autocomplete.css. 由于该控件获得数据可以从数组和URL两种方式获取,所以写了两个简单的小例子试验一下. 前台代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoComplete.aspx.cs" Inherits="AutoComplete" %&

去掉webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框

使用Webkit核心的浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页引擎,但是在开发中,让人感觉很多余的一个特性就是,在表单项中的控件聚焦时总会出现一个黄色边框(360急速模式是webkit的内核,兼容模式是ie的内核及Trident的内核),特别是input[text]和textarea,并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能. 有的时候黄色边框很影响页面效果,并且textarea拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效