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

Question

我正在使用 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>

然而。。。脑袋里的第二个脚本总是凌驾于另一个脚本之上......

如何解决此问题??? 谢谢。。。

Answer 1

两个函数看起来完全相同。我将假设您希望两者具有相同的功能？如果是这种情况，您将挂钩到相同的元素"txtContent"。您需要将另一个脚本挂钩到"TextBox1"中。

对于 txtContent：

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

和文本框 1：

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

您可能还需要考虑更改 TextBox1 的名称。