`
xfjt297857539
  • 浏览: 150195 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

onchange 和 onkeyup,onpropertychange 用法小记（转）

    博客分类：
  • js
 
阅读更多
onchange 和 onkeyup,onpropertychange 用法小记
这是个细节问题,没有任何技术含量,但往往要浪费一些程序员的时间去查找合适的事件

在web的代码编写中,比如你要实时对当前用户在文本框的输入进行处理以达到实现数据的有效性时,你需要对文本框进行实时监控,有些人习惯使用onkeyup,onkeypress,onkeydown事件,开始时好像行,但往往会发现存在局限性,比如你的文本框限制用户只能输入数字,但用户在旁边选择页面上已有文字 "电话号码" 然后用鼠标拖放到文本框,这时你会发现文本框接受了中文字,有些程序员会用onchange

在OnChange里的代码需要在修改域值之后焦点离开才运行.也就是写在ONCHANGE事件中的代码在域值发生变化后没反应.在表单保存或鼠标离开点击空白处时,才会有反应.也是个麻烦的问题,解决问题比较理想的是onpropertychange,在一些文本编辑器下是没有提示的,不过要注意的是目前我测试的环境是在IE下可以最后大家可以去试一下onkeydown,onkeyup,onchange,onpropertychange事件发生时取到的文本框的值是什么(是改变前还是改变后)还有实时对于select 的onchange的用法(提示:调用document.all.sel.options[index].selected事件会触发)

分享到：
| forward和redirect的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    oninput,onpropertychange,onchange的用法和区别

    oninput、onpropertychange、onchange 的用法和区别 在 Web 开发中，了解 oninput、onpropertychange、onchange 三个事件的用法和区别非常重要，这三个事件都是用于检测用户输入的变化，但它们之间存在着一些关键的...

    onchange和onpropertychange

    标题中的“onchange”和“onpropertychange”是JavaScript中两个与事件相关的属性，它们都是在HTML元素上触发特定行为的事件监听器。在本文中，我们将深入探讨这两个事件的区别、用法以及如何在实际开发中应用它们。...

    onchange，onpropertychange，oninput键盘输入和js赋值时区别

    在JavaScript中，`onchange`、`onpropertychange` 和 `oninput` 是与用户交互相关的事件，它们各自有特定的触发条件，特别是在处理表单元素的键盘输入和JavaScript动态赋值时。以下是对这三个事件的详细解释： 1. `...

    js中的onchange和onpropertychange (onchange无效的解决方法)

    笔者注：今天我在用到onchange事件时没有任何反应，最后翻查资料才知道Onchange的局限性和不稳定性。而onpropertychange却能很好的实现尤其是它的实时捕捉性能更是很值得用一下（幸亏有这个性能，做出的东西老板娘很...

    javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

    在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了. 但是oninput有个诡异,...

    easy-ui onchange/easy-ui添加onchange

    压缩包中的`easyui-combobox添加onchange用法.txt`文件很可能包含了更具体的实现示例和注意事项，建议查阅该文件以获得更详尽的指导。同时，`jquery-easyui-1.4`可能是Easy-UI的库文件，用于在项目中引用Easy-UI的...

    JS中onpropertychange和onchange事件区别小结

    onpropertychange和onchange都不管文本框中的实际值有没有变，只要有改的相应操作就可能触发。有时当上面两时间都不能满足需求时，可以考虑只用onblur。 还有一点要注意到，当onblur和onchange事件一起用时，onblur...

    js触发onchange事件的方法说明

    js中onchange事件是在客户端改变输入控件的值，比如一...object.fireEvent()方法，使用方法如 object.fireEvent(‘onchange’)，即可触发控件的onchange事件。 同理，js中使用fireEvent方法还可以触发其他的空间事件。

    js监听输入框值的即时变化onpropertychange、oninput.docx

    JavaScript 监听输入框值的即时变化 ...监听输入框值的即时变化可以使用onpropertychange 事件或oninput 事件来实现，但是需要注意浏览器的差异性问题，使用不同的事件和注册方法来适应不同的浏览器类型。

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中，EasyUI 是一个基于 ...通过学习和理解这个实例，开发者可以更好地掌握 EasyUI 中的 `easyui-textbox` 和 `easyui-combobox` 的使用，以及如何处理 `onchange` 事件，从而提升项目开发的效率和质量。

    odoo定时执行onchange事件模块

    安装该模块后，对于有写onchange方法的字段，可以设置定时执行时间间隔。

    ckeditor onchange 事件插件

    以下是一些关于如何使用 "onchange" 事件插件的详细步骤和知识点： 1. **安装插件**：首先，你需要确保已经安装了 "onchange" 插件。如果 CKEditor 的默认安装包中没有包含此插件，你可以从 CKEditor 的官方网站...

    jsp中select的onchange事件用法实例.docx

    ### JSP中Select的onchange事件用法实例详解 #### 一、引言 在Web开发中，`onchange`事件是一种常用的JavaScript事件，用于在用户更改表单元素（如`<select>`下拉列表）时触发特定的操作。在JSP（JavaServer Pages...

    select 选择同一值触发onchange事件

    web前端小问题，select 选择事件，当选择select同一值触发onchange事件

    使用Delphi的OnChange事件，Timagelist组件..rar

    在Delphi编程环境中，Timagelist组件是开发GUI应用程序时常用的一个组件，它主要用于存储和管理图像，如...无论你是创建桌面应用还是进行游戏开发，掌握Timagelist组件和onChange事件的使用都将大大提升你的编程效率。

    onchange_1.8.zip

    为了使用这个插件，开发者需要将此文件引入到他们的项目中，并正确配置CKEditor，以便在IE下也能正常监听和响应`change`事件。 总结起来，"onchange_1.8.zip"是一个针对CKEditor的插件，解决了在IE浏览器下`change`...

    兼容Firefox和IE的onpropertychange事件oninput

    在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入...

    jsp中select的onchange事件用法实例

    为了响应用户的选择变化（如选择了不同的项），可以使用JavaScript编写事件监听函数，并通过onchange事件与之关联。本文将详细探讨在JSP中如何使用select的onchange事件，包括数据库查询、数据遍历及与JavaScript的...

Magicbox
Global site tag (gtag.js) - Google Analytics