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

监听通过JS改变的文本值

阅读更多
<script src="jquery.js"></script>

<script>
		var listenedObjs = {}; //被监听的对象
		var timers = {}; //监听定时器
		function listen(id){ //监听指定元素
			listenedObjs[id]=$("#"+id).val(); 
			timers[id] = setInterval("changedEvent('"+id+"')",100); 
		} 
	
		function changedEvent(id){ 
			if($("#"+id).val() != listenedObjs[id]){ 
				listenedObjs[id] = $("#"+id).val(); 
				alert(listenedObjs[id]);
			} 
		} 
	
		$(function(){
			if(!-[1,]){//IE浏览器使用propertychange监听
				$("#testInput").bind("propertychange", function(){
					alert($(this).val());
				});
			}else{//其他浏览器注册监听
				listen("testInput");
			}
		})
		
		function changeTextValue(){
			$('#testInput').val(new Date());
		}

</script>
<div id="msg"></div> 
<input id="testInput" size="35"/>
<input type="button" value="点击改变文本框的值" onclick="changeTextValue();"/>

 

分享到:
评论

相关推荐

    js 验证表单中的值是否改变

    总结一下,验证表单中的值是否改变是通过监听`change`事件并比较元素的当前值和初始值来实现的。你可以根据实际需求扩展这个逻辑,比如添加特定类型的表单控件验证,或者在值改变时执行特定操作。在实际项目中,通常...

    JavaScript 富文本框

    还可以通过JavaScript动态改变CSS属性,实现如按钮悬停效果、选中状态样式等。 4. **富文本编辑器库**:虽然可以手动编写JavaScript代码实现富文本框,但许多开发者会选择使用现成的富文本编辑器库,如TinyMCE、...

    监听键盘上的删除键

    在iOS开发中,我们经常需要对用户输入进行各种定制化处理,例如监听并改变文本框(UITextField)或文本视图(UITextView)的行为。标题"监听键盘上的删除键"所涉及的知识点,主要是如何捕获并自定义键盘的删除键...

    js实现文本撤销-恢复功能

    在JavaScript编程中,实现文本的撤销与恢复功能是一项常见的需求,尤其在富...总的来说,JavaScript的撤销/恢复功能通过维护历史记录栈来实现,通过监听用户输入事件来更新记录,并通过操作栈来执行撤销和恢复操作。

    很好用的js文本编辑器

    JavaScript(简称JS)文本编辑器是一种在Web浏览器中运行的工具,允许用户在网页上进行文本输入、格式化和编辑。这些编辑器通常基于富文本处理技术,提供类似Microsoft Word的功能,如字体设置、颜色调整等,使得...

    浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)

    首先,监听单选框状态的改变事件是前端开发中常见的功能,用户在前端页面上选择不同的单选按钮时,需要通过JavaScript来捕捉这一行为,并执行相应的逻辑处理。比如,在用户完成性别选择后,根据所选单选按钮的值弹出...

    JavaScript写的文本编辑器

    JavaScript通过操作HTML元素和DOM结构,可以改变文本的样式、插入新的元素或删除现有元素。例如,使用`document.getElementById()`、`document.querySelector()`或`document.createElement()`等方法来获取或创建DOM...

    JQ JS javascript layui UI框架 富文本 编辑器

    在本主题中,我们主要讨论的是结合JQuery(JQ)、JavaScript(JS)以及layui UI框架实现的富文本编辑器。 JQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在富文本...

    Js高亮显示文本输入框.rar

    首先,JavaScript是客户端网页交互的主要语言,它可以操作DOM(Document Object Model)来改变HTML元素的样式,包括文本输入框(`&lt;input type="text"&gt;` 或 `&lt;textarea&gt;`)。高亮显示通常通过修改元素的CSS属性来实现...

    jQuery等比改变文本的属性

    本文将深入探讨如何使用jQuery来等比地改变文本的属性,这在设计响应式网页或者需要动态调整文本大小的场景中尤其有用。 首先,我们需要了解什么是“等比”改变。等比意味着比例保持一致,例如,如果一个文本的大小...

    JavaScript 文本编辑器 js

    1. **富文本格式化**:使用内联样式或者CSS类来改变文本的样式,如字体、大小、颜色等。 2. **插入图片和链接**:提供用户界面让他们可以方便地上传图片或添加链接。 3. **撤销/重做**:通过维护一个操作历史栈,...

    jquery 实时监听输入框值变化的完美方法(必看)

    在JavaScript和jQuery中,实时监听输入框(input)值的变化是一项常见的需求,特别是在表单验证、实时搜索或者实时数据更新等场景中。本文将详细解释如何使用jQuery来实现这一功能,并探讨在动态添加元素时遇到的...

    html_javascript_监听滚动条demo

    在网页开发中,HTML(超文本标记语言)和JavaScript(简称JS)是两个不可或缺的组成部分。HTML用于构建页面结构,而JavaScript则赋予了这些页面动态交互的能力。在本示例"html_javascript_监听滚动条demo"中,我们将...

    原生js ---- ueditor富文本编辑器实例

    4. **事件监听**:ueditor提供了丰富的API,可以监听编辑器的各种事件,如内容改变、图片上传等,以便进行相应的处理。 5. **数据交互**:通过`ueditor实例.getContent()`获取编辑器的当前内容,`ueditor实例....

    ztree根据文本内筛选叶子节,并改变叶子节点字体颜色

    本主题聚焦于如何利用ZTree实现基于文本内容筛选并改变叶子节点的字体颜色。这个功能在数据展示和用户交互中具有较高的实用价值,比如在搜索或过滤功能中。 首先,我们需要理解ZTree的核心概念。ZTree是由JSON数据...

    JS实现页面查找Ctrl+F

    4. **高亮处理**:为了高亮匹配的文本,我们可以将原始文本分割成多个部分,保留匹配的部分并用特定的CSS类包裹,以改变其样式。 5. **清除高亮**:用户可能需要查找下一个或上一个匹配项,或者关闭查找功能。为此...

    css+js结合实现文本内容自适应页面大小截取显示

    3. **动态添加省略号**:通过JavaScript,可以在适当的位置插入省略号,如使用`innerText`或`textContent`属性设置新的文本值。 4. **CSS类切换**:可以创建CSS类来控制是否显示省略号,根据JavaScript的判断结果...

    类百度搜索 textbox值改变时动态改变搜索的内容

    当用户在TextBox中输入内容时,我们可以通过JavaScript或者jQuery来监听键盘事件,如`onkeyup`、`onkeydown`或`onchange`,以便在用户停止输入或按下特定键时触发相应的操作。 2. **实时搜索**: 类百度搜索的核心...

    CKeditor富文本编辑器的js压缩包

    8. **API与事件**:CKeditor提供了丰富的JavaScript API,开发者可以通过API来控制编辑器的行为,或者监听编辑器上的事件,如文本改变、图片上传等,实现与后端服务器的交互。 9. **插件系统**:CKeditor的插件系统...

    富文本编辑器插件-wysiwyg.js

    `wysiwyg.js`还提供了丰富的配置选项,允许开发者自定义编辑器的行为,比如禁用某些功能、设置工具栏按钮或改变编辑器的样式。此外,它还支持各种事件监听,以便在用户进行编辑操作时进行相应的响应,如保存内容到...

Global site tag (gtag.js) - Google Analytics