如何使用keydown方法绑定onclick方法

时间:2015-10-13 09:25:26

标签: javascript

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

.rvmrc

这样的键盘方法:

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

这是一种预览模式。所以我希望onclick按钮中的文本行为类似于我用键盘写的文本

2 个答案:

答案 0 :(得分:1)

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

$('#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/

答案 1 :(得分:0)

不会这样吗?

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>

和此:

function myFunction(){
      $(#btn).click();
}

function otherFunction(){
      alert('this');
}

请注意,使用jquery,您有keup事件:

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

在这种情况下你可以:

$( "#other" ).click(function() {
  $(#btn).click();
});