Question

您好我想在我的iframe中制作书面字符的计数器，当我尝试在iframe中触发onkeydown或onkeyup事件时，分配给此事件的函数不起作用。

这是JavaScript代码：

var maxAmount = 250;
 function textCounter(textField, showCountField){

    alert('abc');
    var numOfChars = textField.innerHTML.length;


    if(numOfChars > maxAmount){
        textField.innerHTML = textField.innerHTML.substring(0,maxAmount);
    }
    else{
        showCountField.value = maxAmount - numOfChars;
    }
 }

这是我的HTML代码：

           <iframe name='richTextField' id='richTextField'
           onkeydown='alert("abc");'
           onclick='alert("abc");'
           <!--
           onkeydown='textCounter(this.form.richTextField,this.form.countDisplay);'
           onkeyup='textCounter(this.form.richTextField,this.form.countDisplay);'
           -->
          ></iframe>

          <input readonly type='text' name='countDisplay' size='3' maxlength='3'              
          value='250'>Character remaining

          <!-- End replacing your textarea -->
</form>

在iframe元素之前我有textarea元素将我在iframe中编写的内容传递给PHP脚本：

<form>
 <!--Hide (but keep) your normal textarea and place in the iFrame replacement for it -->
 <textarea name='myTextArea' id='myTextArea' cols='100' rows='14'></textarea>

但textarea显示：没有css样式不干扰iframe。我已经放置了诊断警报（'abc'）功能，但它们也不起作用。

任何人都可以帮忙解决这个问题吗？

iframe中的onkeydown事件不起作用

0 个答案: