dom-events 相关问题

var tempNode = document.getElementById('view_1'); tempCNode.addEventListener('compositionend', function(e) { console.log(e.cancelable); // 真的 e.preventDefault(); }); var tempNode = document.getElementById('view_1'); tempCNode.addEventListener('compositionend', function(e) { console.log(e.cancelable); // true e.preventDefault(); }); <div id="view_1" class="view" contenteditable="true"> <p> <br> </p> </div> 我想获取输入法的值，不让它直接显示在div中。我该怎么办？谢谢我最近遇到了这个问题。这是我的理解：在 JavaScript 的 'compositionend' 事件中使用 'e.preventDefault() ' 在技术上是可行的，但可能不会达到您期望的效果。根据Stack Overflow讨论，在compositionend事件中调用preventDefault没有任何效果。这可能是因为合成结束事件表示合成会话的结束，并且此时阻止默认操作可能没有意义，因为输入合成已经完成。如果您尝试控制或修改文本输入的行为，则可能需要使用其他事件，例如“input”、“keydown”或“compositionstart”。但是，具体方法取决于您想要实现的目标。

javascript html dom-events contenteditable

回答 1 投票 0

如何调用Javascript事件函数

如何通过 getter 获取事件来从另一个 Javascript 函数调用该事件？一些示例代码如下：功能键向下H...</desc> <question vote="2"> <p>如何通过 getter 获取事件来从另一个 Javascript 函数调用该事件？</p> <p>一些示例代码如下：</p> <pre><code><script type="text/javascript"> function keyDownHandler(elem, e) { var keyId = e.keyCode; if(keyId === 13) { var clickMethod = elem.onclick; //now call the clickHandler method. } } </script> <input type="text" onkeydown="keyDownHandler(this, event)" onclick="clickHandler(this)" /> </code></pre> <p>我想调用输入字段的<pre><code>onclick</code></pre>属性中定义的方法。</p> </question> <answer tick="true" vote="4"> <p>正如 Tim S. 所说，你可以直接调用 handler，但是如果你真的想调用事件，你可以使用 Jquery 'trigger'。</p> <pre><code>$(elem).trigger('click') </code></pre> <p>如果 elem 不是 jquery 对象。</p> <p>编辑：不需要jquery。该代码应该只需在 onclick 调用中添加括号即可工作。</p> <pre><code>function keyDownHandler(elem, e) { var keyId = e.keyCode; if (keyId === 13) { elem.onclick(); } } </code></pre> <p>clickHandler 必须定义。</p> </answer> <answer tick="false" vote="1"> <p>我不建议这样做。</p> <p>您需要将共享登录作为单独的方法从 <pre><code>onclick</code></pre> 处理程序中抽象出来，然后从两个事件处理程序中调用该方法。</p> <pre><code>function sharedloginc(some arguments...) { //do something } function keyDownHandler(el, e) { //do something sharedloginc(....) } function clickHandler(el, e){ sharedloginc(....) } </code></pre> </answer> <answer tick="false" vote="0"> <p>为什么不使用</p> <pre><code><script type="text/javascript"> function keyDownHandler(elem, e) { var keyId = e.keyCode; if(keyId === 13) { // call function, normally clickHandler(elem, null); } } </script> </code></pre> <p>我已经设置了 <pre><code>event</code></pre> 参数 <pre><code>null</code></pre>，因为，你无法生成（正确！）事件对象。</p> <hr/> <p>好吧，经过一番尝试后，我成功做到了：</p> <pre><code><script type="text/javascript"> function keydown_handler(el, e) { var click, code = e.keyCode; if(code === 13) { var handler = el.onclick; if(typeof handler === 'function') { handler.apply(this, el, null); } } } function click_handler(el, e) { alert('clicked!'); } </script> <input type="text" onkeydown="keydown_handler(this, event);" onclick="click_handler(this, event);" /> </code></pre> <p>它似乎有效，但目前我无法验证它在所有浏览器中是否有效。</p> </answer> <answer tick="false" vote="0"> <p>这个例子将解决您的问题。</p> <pre><code><html> <head> <title>Testing</title> </head> <body> <script type="text/javascript"> function keyDownHandler(elem, e) { var keyId = e.keyCode; if(keyId == 13) { // var clickMethod = elem.onclick; clickHandler(elem, e); } } function clickHandler(elem, e) { alert("clickHandler"); } </script> <input type="text" onkeydown="keyDownHandler(this, event)" onclick="clickHandler(this, event)" /> </body> </html> </code></pre> </answer> <answer tick="false" vote="0"> <p>如果您正在寻找 keydown/keyup 事件属性中的一行。这些是可能的选择。</p> <p>用于在同一元素上执行 onclick/click 事件。</p> <pre><code>((e)=>{e.keycode===3?click()})(event) </code></pre> <p>或</p> <pre><code>((e)=>{e.keycode===3?this.click()})(event) </code></pre> <p>用于通过elementID执行onclick/click事件。</p> <pre><code>((e)=>{e.keycode===3?elementID.click()})(event) </code></pre> </answer> </body></html>

javascript dom-events

回答 0 投票 0

如何监听子窗口关闭？

我正在以这种方式打开 Facebook 共享的子窗口： window.open(sharingUrl,'','工具栏=0,状态=0,宽度=626,高度=436'); 当用户单击共享或关闭时，窗口会自动关闭...

javascript dom-events cross-domain

回答 4 投票 0

Javascript Promise 通过键盘事件解决

我试图瞄准键盘事件来解决我的承诺，但它不再起作用了。下面的函数是将我在参数中给出的密钥与用户输入的密钥进行比较：功能

javascript dom-events

回答 3 投票 0

如何在Extjs 4标签上添加点击事件

我尝试在 extjs4 中的标签上添加点击事件但不起作用 Ext.onReady(函数() { var ResetLabel = new Ext.form.Label({ id:'重置标签', 文本：“点击它”，渲染到：