将更改、鼠标向上、鼠标向下、鼠标退出、向上键和向下键组合到一个功能中
Combining change, mouseup, mousedown, mouseout, keyup and keydown into the one function
我有什么:
- 我有一个文本框,它假定在相应的选择框中选择的任何选项的值。
- 我正在为更改、鼠标向上、鼠标向下、鼠标退出、向上键和向下键事件重复完全相同的功能
我需要什么:
上述功能是否可以组合成一个以产生更高效的代码?这似乎非常重复。
我的代码:
JSFiddle: http://jsfiddle.net/clarusdignus/843YW/1/
.HTML:
<label>Industry:</label>
<select name="industry">
<option selected="selected"></option>
<option value="ag">Agriculture</option>
<option value="co">Corporate</option>
</select>
<input type="text" disabled="disabled" name="industryspecifier"/>
j查询:
$('select[name=industry]').on('change', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
$('select[name=industry]').on('mouseup', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
$('select[name=industry]').on('mousedown', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
$('select[name=industry]').on('mouseout', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
$('select[name=industry]').on('keydown', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
$('select[name=industry]').on('keyup', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
只需将它们与空格组合即可:
$('select[name=industry]').on('change mouseup mousedown mouseout keydown', function() {
$('[name=industryspecifier]').val($(':selected',this).val());
});
js小提琴示例
正如 .on() 的文档所述:
事件类型:字符串 一个或多个空格分隔的事件类型和 可选的命名空间,例如"click"或"keydown.myPlugin"。
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 将鼠标悬停在Angular JS中的一个元素上,并将Class添加到另一个元素中
- 如何激活下拉菜单:在一个元素上单击768px宽度下方,在另一个元素上将鼠标悬停在768px上方
- 当鼠标也在触摸另一个元素时,d3.js鼠标悬停事件未被触发
- 我想要一个类似于网站 https://onlycoin.com/ 的jQuery鼠标滚动动画效果
- 如何将此转盘调整为仅当用户将鼠标悬停在其中一个框上时暂停
- 将鼠标悬停在一个元素上,可以将类添加到另一个元素中
- 单击鼠标在画布上绘制一个实心圆
- 将键盘和鼠标事件从一个浏览器选项卡发送到另一个
- 正在创建一个事件以更改鼠标悬停时的图片
- Jquery:当鼠标指针进入和离开元素时,创建一个弹出窗口
- 将鼠标悬停在按钮上会导致另一个按钮悬停在上面
- 鼠标滚轮按压-描述了一个事件的名称,以及如何使用jQuery侦听它
- 我如何让我的网站检测鼠标是否被使用,然后在元素中添加一个类
- 如何将鼠标上的图像更改为另一个图像
- 如何让我的Javascript只显示一个以鼠标为中心的聚光灯
- jQuery鼠标滚动到下一个id
- 在鼠标移动时绘制一个矩形,并使用 kineticjs 在鼠标向上选择该矩形内的所有形状
- 如何在通过 Angular 将鼠标悬停在另一个元素上时添加和删除一个元素的类
- 将鼠标悬停在另一个图像上时,将图像替换为另一个图像