在有和没有更新面板的情况下在页面加载中运行功能

Question

请考虑这种情况：

我有一些页面有 1 个母版页。其中一些有更新面板，一些没有。我有一个 jQuery 代码，当用户引发 keydown 事件时我想执行它。

$(document).ready(function () {
    $('.myClass').on('keydown', function (e) {
         var MainCharKey = e.which.toString();
         ...
     })
})

我想将此代码添加到我的母版页中，每个具有 myClass css 类的 textbox 都使用此代码。问题是当我将它放在我的母版页中时，在页面中有更新面板时，此代码只工作一次（第一次页面加载）并且当发生任何回发时，此代码不起作用。如果我以这种方式更改该代码：

function pageLoad(){
   $(document).ready(function () {
       $('.myClass').on('keydown', function (e) {
          var MainCharKey = e.which.toString();
           ...
        })
   })
}

此代码不适用于没有更新面板的页面。

我如何（或在哪里）编写这段代码，在有更新面板和没有更新面板的情况下运行？

谢谢

Answer 1

试试这个添加事件委托

$(document).on('keydown', '.myClass', function (e) {
     var MainCharKey = e.which.toString();
     ...
});