输入上的Jquery触发事件

时间:2015-10-16 10:27:10

标签: jquery

我需要创建一个应用程序,它可以从文本框的输入中更改Div的颜色,并在设置颜色时删除输入。我已经使用此功能管理了它:

function setColor() {
var background = $("#colorText").val()
$("#light1").css({"background-color":background}).show();
$('#colorText').val("");
};

并致电:

$('#setColor').on('click', setColor);

HTML:

    <div class="light" id="light1"></div>
    <div class="light" id="light2"></div>
    <button id="setColor">Set Color</button>
    <input type="text" id="colorText"></input>

但我被告知我必须使用.trigger。我花了一段时间研究这项任务,但似乎无法找到如何做到这一点。 我想文本框中的更改需要触发一个名为setColor的事件,该事件会将Div的颜色更改为用户输入。

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

如果您的代码按原样运行,请不要更改它。 如果您因为需要而需要更改它,请阅读:

  

使用.on()或其快捷方法之一附加的任何事件处理程序   在相应事件发生时触发。他们可以解雇   但是,使用.trigger()方法手动。调用.trigger()   以与事件相同的顺序执行处理程序   由用户自然触发:

{{1}}

来源:here