`

文本值改变后的事件捕获(text、textarea)

阅读更多
转发参考:http://hi.baidu.com/yljf184/blog/item/98df82df71fc731f62279876.html


•onpropertychange,只要当前对象属性发生改变,都会触发事件,因此用途更为广泛,只可惜它是IE only;
•oninput是onpropertychange的非IE浏览器版本,支持firefox和opera等浏览器,但有一点不同,它绑定于对象时,并非该对象所有属性改变都能触发事件,据我所知,它只在对象value值发生改变时奏效。

<textarea name="smsMessage.message" onpropertychange="smsCount()" oninput="smsCount()" id="smsMessage_message" cols="70" rows="6" " >  
</textarea>


这样,不管textarea的值如何改变或如何方式改变(ctrl+c、鼠标copy、javascript修改),我都能捕获到
分享到:
评论

相关推荐

    JQuery实现textarea可以有字数录入提醒功能

    在事件处理函数中,可以通过`val()`方法获取当前`textarea`的值,并使用`length`属性获取字符串长度。如果当前长度超过预设的最大值(如100),则截断字符串并重新设置`textarea`的值,同时弹出警告信息。若未超过...

    PasteSelectedTextToAnotherTextarea:纯JS是否可以将所选文本粘贴到指定的textarea中? 就我而言,我想在一个文本区域中选择文本,然后按ctrl&A,所选文本将粘贴到最后一个(V1)文本区域中

    这个解决方案的核心在于捕获用户的行为,特别是Ctrl+A快捷键,以及对DOM的操作,包括获取选中文本和修改textarea的值。纯JavaScript提供了足够的能力来处理这样的任务,不需要依赖额外的库或框架。在实际项目中,你...

    javascirpt 在textarea中运行(自己学习)

    首先,我们需要获取`textarea`中的文本,然后利用`eval()`函数来执行这段代码。但请注意,`eval()`是危险的,因为它可以直接执行任意JavaScript代码,可能导致安全问题。 ```html ()"&gt;运行代码 ``` 在JavaScript...

    javascript获取选中的文本的方法代码.docx

    注意,在获取文本后,我们还进行了简单的非空检查,确保返回的字符串不是空白或null。 #### 方法二:针对特定元素 如果仅关心某个特定输入框或文本区域内的选中文本,可以采用下面的方法: ```javascript ...

    富文本编辑器案例代码版

    1. **Swing中的JTextComponent**: Swing提供了`javax.swing.text`包,其中的`JTextComponent`是所有文本组件的基类,包括`JTextArea`和`JEditorPane`。`JEditorPane`支持HTML和RTF(富文本格式),可以实现基本的富...

    js捕获鼠标右键菜单中的粘帖事件实现代码

    总之,捕获鼠标右键菜单中的“粘贴”事件并获取粘贴的文本,需要利用jQuery的`bind`方法监听`paste`事件,并结合`setTimeout`来确保在数据可用时进行处理。这种技术在某些特定应用场景,如表单验证、数据收集或...

    页面sql编辑高亮显示

    在实际应用中,当用户在输入框中键入SQL时,可以使用JavaScript事件监听器(如`input`事件)来捕获文本变化。一旦检测到变化,就可以调用高亮库的方法,对当前文本进行高亮处理。这通常是异步完成的,以保证页面的...

    Java零基础 - 文本编辑快捷键.md

    针对初学者,文章提供了详细的步骤和一个简化的源码示例,帮助读者理解如何在Java程序中捕获按键事件,并根据这些事件触发相应的操作。 #### 学到什么 通过学习本文档,读者可以掌握以下技能: - **使用Java代码...

    java2实用教程(第三版)第七章课后习题答案(耿祥义).docx

    - **文本选择**:`getSelectedText`方法用于获取选中的文本。 - **动作监听器**:`ActionListener`接口用于监听按钮点击事件,通过`actionPerformed`方法响应事件。 - **布局管理器**:`BorderLayout`提供了一种更为...

    jquery.editable:jQuery插件,允许您编辑文本并获取旧值和新值

    用户可以直接在页面上修改文本内容,并且能够捕获旧值(原始数据)与新值(修改后的数据),这对于实现动态交互的Web应用非常有用,比如在线编辑器、评论系统或数据表单等。 ### 1. 插件安装与引入 要使用`jQuery ...

    js css3文本框编辑文字动画代码

    针对"文本框编辑文字动画",JS可以监听用户输入事件,实现实时的文字更新和变化,例如通过`oninput`事件捕获用户的每一次输入,并根据需求实时更新文本框的内容。 ```javascript document.getElementById('textArea...

    java写的记事本

    Java编写的记事本程序是一种基于文本编辑的应用,利用了Java的AWT(Abstract Window Toolkit)库来构建用户界面和处理基本的事件交互。AWT是Java早期的图形用户界面(GUI)工具包,提供了创建窗口、按钮、文本组件等...

    JavaScript中的事件处理

    - **onchange**:当文本输入区内容改变且焦点离开时触发,适用于Password、Select、Text和Textarea对象。 - **onclick**:当对象被单击时触发,适用于Button、Checkbox、Image、Link、Radio、Reset和Submit对象。...

    Ctrl+Enter键按钮提交表单代码.zip

    这里,`$('input[type="text"], textarea')`选择了所有文本输入框和文本区域,`on('keydown', function() {...})`绑定了keydown事件,其余逻辑与纯JavaScript版本相同。 这个压缩包中的代码可能还包括了对不同...

    js的部分总结

    若要限制`textarea`的输入字符长度,可以在`textarea`元素上添加事件监听器,如`onpropertychange`,并在事件处理函数中检查并截断超出长度的文本: ```html &lt;textarea name="t08description" id="descriptions" ...

    JavaScript获得选中文本内容的方法

    标题和描述提到的问题涉及到如何通过JavaScript来捕获用户所选的文本,并在新窗口中展示出来。以下是对这个话题的详细讲解: 首先,现代浏览器(如Firefox, Google Chrome, Safari, Opera)支持`window....

    javascript+Ajax实现词频统计

    1. **用户输入处理**:JavaScript 可以监听用户提交的文本,例如通过`&lt;textarea&gt;`或`&lt;input type="text"&gt;`元素收集文本。当用户完成输入并触发提交事件时,JavaScript 会捕获这个事件并开始处理文本。 2. **文本...

    网页选中文字实现弹出编辑框

    这可以通过监听`mouseup`事件来实现,因为用户在网页上完成文字选择后通常会释放鼠标。按钮的显示和隐藏可以通过CSS的`display`属性控制。 ```html ;"&gt;编辑 ``` ```javascript document.addEventListener('mouseup...

    js change,propertychange,input事件小议

    对于`input[type="text"]`这样的文本输入字段,其`change`事件仍然需要元素失去焦点后才会触发。为了实现类似`input`事件的效果,在IE8中可以继续使用`propertychange`事件,并将`propertyName`的条件改为`value`。 ...

    前端框架Vue期末复习资料

    * v-text: 用来更新元素的文本内容 * v-html: 用于更新元素的 innerHTML,解析 html 标签内容 * v-once: 只渲染元素和组件一次,随后的重新渲染,元素/组件及其所有子节点将被视为静态内容并跳过 3. 计算属性和 ...

Global site tag (gtag.js) - Google Analytics