`

对text类型的input元素绑定onchange事件

 
阅读更多
可以支持复制粘贴的‘元’与‘万元’的同步显示

<html>
  <head>
    <script src='jquery.js'></script>
	<script type='text/javascript'>
	$(document).ready(function(){
	  $('#yuan').bind('change paste keyup',function(){
	    $('#wan_yuan').val($(this).val()/10000.0)
	  });
	  $('#wan_yuan').bind('change paste keyup',function(){
	    $('#yuan').val($(this).val()*10000)
	  });
	});
	</script>
  </head>
  <body>
  <input type='text' name='yuan' id='yuan'/>元
  <input type='text' name='wan_yuan' id='wan_yuan'/>万元
  </body>  
</html>
分享到:
评论

相关推荐

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

    `onchange` 事件是 JavaScript 中的一个重要事件,它会在元素的值发生改变并失去焦点后触发。在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作...

    捕捉 text 文本输入框的 onChange

    "(onChange事件触发了)" + count + "\n\n" + document.forms[0].lastname.value + "," + document.forms[0].firstname.value + "\n" + document.forms[0].address.value + "\n" + document.forms[0].city.value...

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

    使用onchange事件: &lt;input type="text" id="txt1"&gt; 使用onpropertychange/oninput事件: &lt;input type="text" id="txt2"&gt; 结果: &lt;input type="text" id="txtResult"&gt; var $ = function (o) { return ...

    双向绑定例子

    return &lt;input type="text" value={this.state.username} onChange={this.handleChange} /&gt;; } } ``` 在这个React组件中,`handleChange`函数监听`input`元素的`change`事件,更新组件的`state`,从而自动触发重...

    [js]javascript事件集合(包有触发事件).pdf

    事件集合通常指的是一系列可以被绑定到页面元素上的事件类型。以下是一些常见的JavaScript事件以及它们的触发方式和应用场景。 #### 1. onclick事件 `onclick`事件是最常见的事件之一,当用户点击一个元素时触发。...

    只修改input file组件的浏览按钮样式

    &lt;input type="text" id="input1"&gt; &lt;input type="button" id="btn1" onclick="myfile.click();" value="浏览"&gt; &lt;input type="file" id="myfile" onchange="input1.value = this.value" style="display:none"&gt; ...

    Javascript事件的定义.doc

    每个事件都伴随着一个事件对象,提供了关于事件的详细信息,如事件类型、目标元素、鼠标位置等。通过`event`参数,可以在事件处理函数中访问这些信息。 七、键盘事件: 键盘事件如`keydown`、`keyup`和`keypress`...

    jQuery中change事件用法实例

    这段代码将change事件绑定到了所有的input元素上。当任何一个input元素失去焦点,并且其值发生变化时,都会触发change事件,并执行事件处理函数。在这个函数中,将所有input元素的背景颜色设置为绿色。 为了更清楚...

    Vue v-for中的 input 或 select的值发生改变时触发事件操作

    - `v-on:input` 是Vue中用来监听元素`input`事件的指令,当用户在输入框中输入内容时,`input`事件会被触发。在HTML中,我们可以直接使用`oninput`来绑定一个JavaScript函数,但在Vue中,我们需要将其转换为`v-on:...

    react-linkState将事件绑定至state支持Preact和React

    class TextInput extends Component { state = { value: '' }; handleChange = linkState('value'); render() { return ( &lt;input type="text" value={this.state.value} onChange={this.handleChange} /&gt; );...

    domino xpags开发 input保存为数组值

    `&lt;inputText&gt;`组件支持数据绑定,可以将用户的输入直接绑定到文档的字段。同时,还可以利用`onChange`、`onBlur`等事件来实时处理和验证输入的多值。 7. **更新和保存**: 最后,当用户提交表单时,XPages会自动...

    WEB开发 之 JavaScript HTML DOM 事件.docx

    &lt;input type="text" id="fname" onchange="upperCase()" /&gt; ``` 6. **鼠标事件**:`onmouseover`和`onmouseout`事件在鼠标指针进入或离开元素时触发,常用于创建悬停效果。另外,`onmousedown`、`onmouseup`和`...

    react-ReactEvent声明式的方式来处理React组件外部内部事件

    在原生JavaScript中,我们通常会使用addEventListener或attachEvent来添加事件监听器,而在React中,我们直接在元素属性上绑定事件处理器。例如,要在按钮点击时触发一个函数,我们可以这样做: ```jsx 点击我 ``` ...

    深入理解html表单输入监听

    其中,changeVal函数是onchange事件触发时执行的函数,this指的是当前触发事件的input元素。 oninput事件则与onchange不同,它会在元素的内容改变时立即触发,无需元素失去焦点。这意味着,无论是键盘输入、鼠标...

    JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例

    在JavaScript中,事件(Events)是用户或浏览器与页面交互...通过绑定事件监听器,你可以创建响应用户行为的动态网页,从而提高网站的交互性和用户体验。不断学习和实践JavaScript事件,将使你成为更优秀的前端开发者。

    CH07.11.11-表单控件绑定.rar

    在React中,我们可以使用`useState`或`useReducer` Hook来管理状态,并通过`onChange`事件处理函数来更新状态。Vue中则使用`v-model`指令来实现双向数据绑定,例如: ```vue &lt;input type="text" v-model=...

    事件和window对象.pdf

    2. `onchange`事件:当元素内容改变时触发,常见于输入框。如果用户在输入框中输入新内容,然后失去焦点,`onchange`事件会被触发。 3. `onblur`事件:当元素失去焦点时触发,例如用户点击页面上的其他位置。 4. `...

    控制输入框只能输入数字

    根据给定文件的信息,本文将详细介绍如何在Delphi中实现对不同类型的输入控件(TEdit、TDBEdit、TComboBox、TDBComboBox)进行数字输入的限制。具体包括整数输入与浮点数输入的控制逻辑。 ### 一、整体思路 在...

    输入一个字,文本域中显示可输入字数减1

    此功能涉及HTML表单元素(如`&lt;textarea&gt;`、`&lt;input type="text"&gt;`)以及事件绑定机制(如`onkeydown`、`onchange`)。 #### 具体元素介绍 - **`&lt;textarea&gt;`**:用于创建多行文本输入框。 - **`&lt;input type="text"&gt;`...

Global site tag (gtag.js) - Google Analytics