第二个JavaScript代码总是覆盖第一个

时间:2014-01-07 15:17:19

标签: c# javascript asp.net

我使用2个单独的JavaScript引用...见下文......

    <script src="../scripts/jsKeyboard.js" type="text/jscript"></script>
<script src="../scripts/DOB_Validate.js" type="text/jscript"></script>

我使用两个单独的asp:Textbox通过onfocus事件调用每个Javascript ...见下文:

<asp:Textbox id="txtFirstName" runat="server" onfocus="jsKeyboard.focus(this);clean(this);" placeholder="Touch Here To Enter First Name" autofocus top="50%"></asp:Textbox>

    <asp:TextBox ID="TextBox1" runat="server" onfocus="board.focus(this);clean(this);" placeholder="MM/DD/YYYY" 
 maxlength="10" Width="5%"></asp:TextBox>

我在页面的头部有两个脚本,用相应的.js外部引用初始化键盘(参见上面两个单独的.js脚本)......

头脑内的脚本:

    <script type="text/javascript">
    $(function () {
        board.init("virtualKeyboard");
    });
 </script>

 <script type="text/javascript">
     $(function () {
         jsKeyboard.init("virtualKeyboard");
     });
 </script>

然而......头部内的第二个脚本总是覆盖另一个......

我该如何解决这个问题?谢谢......

1 个答案:

答案 0 :(得分:0)

您的两个功能看起来完全一样。我假设你想要两个相同的功能?如果是这种情况,你就会挂钩相同的元素'txtContent'。你需要将另一个脚本挂钩到'TextBox1'。

对于txtContent:

 <script type="text/javascript">
         $(function () {
             jsKeyboard.init("virtualKeyboard");
             $("#txtContent").val(initText);
         });

     </script>

和TextBox1:

   <script type="text/javascript">
      $(function () {
          board.init("virtualKeyboard");
          $("#TextBox1").val(initText);
      });

 </script>

您也可以考虑更改TextBox1的名称。