如何在输入关键事件时调用两个功能 [英] How Do I Call Two Function On Enter Key Event

问题描述

亲爱的先生，



我只想调用函数输入键事件第一个函数是添加行，第二个函数是计算值并传递给文本框。



我的代码

 < script  >  
 function addRow（myfield1，e）
 {
  var  keycode; 
  if （window。 event ）keycode = window。事件 .keyCode; 
  else   if （e）keycode = e.which; 
 其他 返回  true ; 
  var  pname = document.getElementById（  pname）。 value ; 
  var  unit = document.getElementById（ 单位）。 value ; 
  var  Weight = document.getElementById（ 权重）。 value ; 
 
  if （keycode ==  13 ）
 {
 
  if （rate ==    || amount ==  ）
 {
 alert（ 输入Fileds）; 
} 
 其他 
 {
  //  < span class =code-comment> debugger;  
  var  tble1 = document.getElementById（ '  mytab1'）; 
  var  Count1 = tble1.rows.length; 
  var  row1 = tble1.insertRow（Count1-1）; 
  var  rowno1 = Count1-1; 
  //   alert（Count1）;  
 
  var  val0 = row1.insertCell（ 0 ）;  //   delete  
  //   val0.align ='center';  
 val0.innerHTML =  < a href ='＃'onclick ='deletethisrow（this）;'>< img src ='images / Delete.png'/>< / a> ; 
 
  var  val1 = row1.insertCell（ 1 ）;  //  自动增量号。 
 val1.align = '  center'; 
 val1.innerHTML =（rowno1）; 
 
  var  val2 = row1.insertCell（ 2 ）;  //   pname  
  //   val2.align ='center';  
  var  element2 = document.createElement（  input）; 
 element2.type =   text; 
 element2.name =   txtbox2 [] [element2]; 
 element2.style =   width：130px; 
 element2。 value  = pname; 
 val2.appendChild（element2）; 
 document.getElementById（  pname）。 value  = ' '; 
 
  var  val3 = row1.insertCell（ 3 ）;  //   unit  
  //   val2.align ='center';  
  var  element3 = document.createElement（  input）; 
 element3.type =   text; 
 element3.name =   txtbox2 [] [element3]; 
 element3.style =   width：70px; 
 element3。 value  = unit; 
 val3.appendChild（element3）; 
 document.getElementById（  unit）。 value  = ' '; 
 
  var  val4 = row1.insertCell（ 4 ）;  //  权重 
  //   val2.align ='center';  
  var  element4 = document.createElement（  input）; 
 element4.type =   text; 
 element4.name =   txtbox2 [] [element4]; 
 element4.style =   width：100px; 
 element4。 value  =重量; 
 val4.appendChild（element4）; 
 document.getElementById（  Weight）。 value  = ' '; 
 
  var  val8 = row1.insertCell（ 8 ）;  //   item  
  //   val2.align ='center';  
  var  element8 = document.createElement（  input）; 
 element8.type =   text; 
 element8.name =   txtbox2 [] [element8]; 
 element8.style =   width：70px; 
 element8。 value  = document.getElementById（  item）。 value ; 
 val8.appendChild（element8）; 
 document.getElementById（  item）。 value  = ' '; 
 
 
 claval（）; 
  return   false ; 
} 
 
} 
  else  
 {
 返回  true ; 
} 
} 
 < /   script  >  
 < script  >  
 
 function claval（）
 {
 debugger; 
  var  it = document.getElementById（'  item'）。 value ; 
  if （it == '  10 kg '）
 {
  var  g = document.getElementById（'  10kg'）。 value ; 
 alert（g）; 
 alert（qty）; 
  var  sm = parseFloat（g）+ parseFloat（qty）; 
 document.getElementById（'  10kg'）。 value  = sm.toFixed（ 2 ）; 
} 
  else  
  if （it == '  5 kg'）
 {
  var  g = document.getElementById（'  5kg'）。值; 
  var  sm = parseFloat（g）+ parseFloat（qty）; 
 document.getElementById（'  5kg'）。 value  = sm.toFixed（ 2 ）; 
} 
  else  
  if （it == '  BOX'）
 {
  var  g = document.getElementById（'  BOX1'）。值; 
  var  sm = parseFloat（g）+ parseFloat（qty）; 
 document.getElementById（'  BOX1'）。 value  = sm.toFixed（ 2 ）; 
} 
  else  
  if （it == '  30 kg'）
 {
  var  g = document.getElementById（'  30kg'）。值; 
  var  sm = parseFloat（g）+ parseFloat（qty）; 
 document.getElementById（'  30kg'）。 value  = sm.toFixed（ 2 ）; 
} 
} 
 < /   script  >  
 
 < /   script  

>

在上面的代码函数中，calval在var it中得到null值。如何从上一个输入值得到按

解决方案

dear sir,

I just want to call to function on enter key event first function is to add row and second function is calculate value and pass to the textbox.

my code

<script>
function addRow(myfield1,e)
 {
        var keycode;
        if (window.event) keycode = window.event.keyCode;
        else if (e) keycode = e.which;
        else return true;
        var pname = document.getElementById("pname").value;
        var unit = document.getElementById("unit").value;
        var Weight = document.getElementById("Weight").value;       
      
        if (keycode == 13)
        {

        if(rate==""||amount=="")
        {
            alert("Enter The Fileds");
        }
        else
        {
        //debugger;
            var tble1 = document.getElementById('mytab1');
            var Count1 = tble1.rows.length;
            var row1 = tble1.insertRow(Count1-1);
            var rowno1=Count1-1;
            //alert(Count1);

            var val0 = row1.insertCell(0);  //delete
            //val0.align='center';
            val0.innerHTML = "<a href='#' onclick='deletethisrow(this);'><img src='images/Delete.png'/></a>";

            var val1 = row1.insertCell(1);  //auto increment no.
            val1.align='center';
            val1.innerHTML = (rowno1);

            var val2 = row1.insertCell(2);  //pname
            //val2.align='center';
            var element2 = document.createElement("input");
            element2.type = "text";
            element2.name = "txtbox2[][element2]";
            element2.style="width:130px";
            element2.value= pname;
            val2.appendChild(element2);
            document.getElementById("pname").value='';

            var val3 = row1.insertCell(3);  //unit
            //val2.align='center';
            var element3 = document.createElement("input");
            element3.type = "text";
            element3.name = "txtbox2[][element3]";
            element3.style="width:70px";
            element3.value= unit;
            val3.appendChild(element3);
            document.getElementById("unit").value='';

            var val4 = row1.insertCell(4);  //Weight
            //val2.align='center';
            var element4 = document.createElement("input");
            element4.type = "text";
            element4.name = "txtbox2[][element4]";
            element4.style="width:100px";
            element4.value= Weight;
            val4.appendChild(element4);
            document.getElementById("Weight").value='';

            var val8 = row1.insertCell(8);  //item
            //val2.align='center';
            var element8 = document.createElement("input");
            element8.type = "text";
            element8.name = "txtbox2[][element8]";
            element8.style="width:70px";
            element8.value= document.getElementById("item").value;
            val8.appendChild(element8);
            document.getElementById("item").value='';


            claval();
         return false;
        }

        }
        else
            {
            return true;
            }
}
</script>
<script>

function claval()
{
debugger;
var it=document.getElementById('item').value;
if(it=='10 kg')
{
var g=document.getElementById('10kg').value;
alert(g);
alert(qty);
var sm=parseFloat(g)+parseFloat(qty);
document.getElementById('10kg').value=sm.toFixed(2);
}
else
if(it=='5 kg')
{
var g=document.getElementById('5kg').value;
var sm=parseFloat(g)+parseFloat(qty);
document.getElementById('5kg').value=sm.toFixed(2);
}
else
if(it=='BOX')
{
var g=document.getElementById('BOX1').value;
var sm=parseFloat(g)+parseFloat(qty);
document.getElementById('BOX1').value=sm.toFixed(2);
}
else
if(it=='30 kg')
{
var g=document.getElementById('30kg').value;
var sm=parseFloat(g)+parseFloat(qty);
document.getElementById('30kg').value=sm.toFixed(2);
}
}
</script>

</script

>
In above code function calval get null value in var it.so how to get value from previous on enter press

解决方案

这篇关于如何在输入关键事件时调用两个功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！