是)我有的:
>我有一个文本框,假定在相应的选择框中选择了任何选项的值.
>我正在为on change,mouseup,mousedown,mouSEOut,keyup和keydown事件重复完全相同的功能
我需要的:
可以将上述功能组合成一个以产生更高效的代码吗?它看起来非常重复.
我的代码:
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"/>
jQuery的:
$('select[name=industry]').on('change',function() { $('[name=industryspecifier]').val($(':selected',this).val()); }); $('select[name=industry]').on('mouseup',this).val()); }); $('select[name=industry]').on('mousedown',this).val()); }); $('select[name=industry]').on('mouSEOut',this).val()); }); $('select[name=industry]').on('keydown',this).val()); }); $('select[name=industry]').on('keyup',this).val()); });
解决方法
只需将它们与空格结合:
$('select[name=industry]').on('change mouseup mousedown mouSEOut keydown',this).val()); });
截至docs for .on()州:
events Type: String One or more space-separated event types and optional namespaces,such as “click” or “keydown.myPlugin”.