覆盖嵌入在 html 元素中的现有 onkeydown

Question

在 html 元素中调用 onkeydown 函数。：

""

但我需要用我的 document.onkeydown 函数覆盖它

    document.addEventListener('keydown', captureEnter, true);

    function captureEnter(evt) {

        evt = evt || window.event;
        if (evt) {
            ele_type = evt.srcElement.getAttribute("id");
            if (!(ele_type == $("[id$='AddNewLink']") || ele_type == $("[id$='Add_New']") || ele_type == $("[id$='AddNewImage']"))) {
                ele_type = null;
                return;
            }

        }

    };

如何使我的函数运行而不是执行嵌入的 html onkeydown？

Answer 1

如果您不想执行 onkeydown 处理程序，我认为您可以停止事件的传播

document.addEventListener('keydown', captureEnter, true);

function captureEnter(evt) {
  snippet.log('captureEnter')
  evt.stopPropagation()
};

function RadWindowprompt_detectenter() {
  snippet.log('RadWindowprompt_detectenter')
}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<input title="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text" class="rwDialogInput" value="{2}"/>

---

另一种方法可能是删除 onkeydown 处理程序，如

document.addEventListener('keydown', captureEnter, true);

function captureEnter(evt) {
  snippet.log('captureEnter')
};


var els = document.querySelectorAll('input.rwDialogInput[onkeydown]');
for (var i = 0; i < els.length; i++) {
  els[i].removeAttribute('onkeydown');
}

function RadWindowprompt_detectenter() {
  snippet.log('RadWindowprompt_detectenter')
}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<input title="Enter Value" onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text" class="rwDialogInput" value="{2}" />