如何绑定onclick方法与keydown方法

how to bind onclick method with keydown method

本文关键字：方法 onclick keydown 绑定 何绑定      更新时间：2023-09-26

我有一个像这样的onclick方法:

onClick: function() {
    xx.setValue('i want this to be a button but triggered on keyup');
}

和这样的keyup方法:

var that=this;
this.something().on( 'keyup', function() { 
    xx.setValue('hello'+that.something().getvalue());
} );

这是预览模式。所以我想让onclick按钮的文本像我用键盘

写的文本一样

这是你想在这里实现的事情吗?

$('#button').click(function() {
    $('#output').val('You wanted to type:'n' + $('#textBox').val());
});
$('#textBox').on('keyup', function() {
    $('#output').val($('#textBox').val());
});

查看我的小提琴以更好地了解我的建议http://jsfiddle.net/ozrevulsion/jssL1xwq/

如果这不是你想要的，那么请你提供你自己的代码不能做你想做的事情，这样我们可以得到更多关于你所要求的上下文。

干杯扎克

[编辑]

我不知道为什么我没有注意到你使用原生JS为您的解决方案早些时候。如果你想坚持使用原生JS，而不必使用jQuery，这里有一个解决方案，与我上面所做的相同，但在原生JS中。

function changeTextArea(newValue) {
    document.getElementById('output').value = newValue;
 }
function printToTextArea() {
    changeTextArea('You wanted to type:'n' + document.getElementById('textBox').value);
}

我猜HTML也和这个原生JS解决方案有关所以这里是

<input id="textBox" type="text" value="Type Here" onkeyup="changeTextArea(this.value)" />
<br />
<input id="button" type="button" value="Tell me what I typed" onclick="printToTextArea()"/>
<br />
<textArea id="output"></textArea>

这里是更新后的小提琴http://jsfiddle.net/ozrevulsion/jssL1xwq/1/

这样不行吗?

Html: 

<input type=button id=btn value='Submit' onclick=otherFunction(); />
<input type=button id=button value='Submit' onclick=myFunction(); />
<div id="other">
  Trigger the handler
</div>

和this: 

function myFunction(){
      $(#btn).click();
}
function otherFunction(){
      alert('this');
}

注意，在jquery中你有keup事件:

https://api.jquery.com/keyup/

在本例中，您可以输入:

$( "#other" ).click(function() {
  $(#btn).click();
});
相关文章：