2012-12-13 35 views
1

onPropertyChange只能在IE中使用。我用onPropertyChange在一個文本框中輸入一些文本,同時相同的文本顯示在另一個文本框中。還有其他方法可以解決這個問題嗎?onPropertyChange只能在IE瀏覽器中工作

HTML:

<input type="text" id="firstName" name="firstName" value="" maxlength="64"size="30" class="controlStyle" onPropertyChange="displayName(this, document.frmSkills.EmpLn, document.frmSkills.EmpDn,displayFormat)"> 
+1

你試過綁定到鍵盤事件嗎? [jQuery鍵盤事件](http://api.jquery.com/category/events/keyboard-events/)將使其變得簡單。 –

+0

@DaniP。我的要求是當我在第一個文本框中輸入一些文本時,在第二個文本框中輸入相同的文本。我想爲此解決方案。 – ELAYARAJA

回答

1

我得到了上述問題的解決方案,下面是代碼。謝謝大家的回覆。

window.onload=function() { 
    document.getElementById("textarea_one").onkeyup=function() {  
     document.getElementById("textarea_three").value=this.value+ " "+document.getElementById("textarea_two").value; 
    } 
    document.getElementById("textarea_two").onkeyup=function() {  
     document.getElementById("textarea_three").value=document.getElementById("textarea_one").value+" "+this.value; 
    } 
} 
1

其他瀏覽器支持的任何文本的輸入事件(oninput)的事件。

你需要處理兩個事件以覆蓋IE。

textelement.addEventListener( '輸入',功能,假))或 textelement.oninput =

這是來自: http://help.dottoro.com/ljhxklln.php

在Internet Explorer中從第9版支持的oninput事件, 但在oninput事件是在Internet Explorer 9中的越野車

如果您想要檢測何時輸入文本的內容爲 輸入:輸入:密碼或輸入:搜索元素有 已更改,因爲這些元素上的onchange事件在 元素失去焦點時觸發,而不是在修改後立即發生。從Internet Explorer 9版本9開始支持oninput事件。如果 需要在這些元素的內容爲 在版本9之前的Internet Explorer中修改時觸發的事件,請使用onpropertychange事件中的 事件。

Internet Explorer 9中的oninput事件有問題。只有當插入字符時,纔會通過用戶 接口從文本字段中刪除字符,但不會觸發 。雖然onpropertychange事件在Internet Explorer 9中受支持,但 類似於oninput事件,但它也是錯誤的,它不會在 刪除時觸發。由於字符可以通過幾種方式刪除(Backspace 和刪除鍵,CTRL + X,剪切和刪除命令在上下文菜單中), 沒有好的解決方案來檢測所有的變化。如果通過上下文菜單的刪除命令刪除了 字符,則無法在Internet Explorer 9的JavaScript中檢測到修改 。在Internet Explorer 9中始終使用 addEventListener方法爲oninput事件註冊 事件偵聽器。對於oninput事件,attachEvent方法不適用 。在版本5之前,Safari中的 textarea元素不支持oninput事件,而是在該瀏覽器中使用textInput事件 。

+0

非常感謝..如何在我的代碼中使用oninput事件,這裏是我的代碼,」maxlength =「64」size =「30」class =「controlStyle」tabindex =「2」onPropertyChange =「displayName(document.frmSkills.EmpFn,this,document.frmSkills.EmpDn,<%= displayFormat%>)」>   「你可以幫助我嗎? – ELAYARAJA

+0

嗨,我得到了解決方案,使用下面的代碼,謝謝大家的回覆,window.onload = function( 。){ 的document.getElementById( 「textarea_one」)的onkeyup =函數(){ 的document.getElementById( 「textarea_three」)值= THIS.VALUE + 「 」+的document.getElementById(「 textarea_two」)值; } document.getElementById(「textarea_two」)。onkeyup = function(){ document.getElementById(「textarea_three」)。value = document.getElementById(「textarea_one」)。value +「」+ this.value; } } – ELAYARAJA

相關問題