页面中的 easyui textbox 组件:
部门名称:<input type="text" id="deptName" class="easyui-textbox" />
获取焦点方法,及获取焦点的事件代码如下:
// 让部门名称获取焦点
$('#deptName').textbox("textbox").focus();
// 部门名称获取焦点的事件处理
$('#deptName').textbox("textbox").focus(function(e){
console.log( // 输出 两种获取焦点事件触发元素的id
$(this).attr('id') , $('#deptName').next('span').find('input:eq(0)').attr('id')
);
});
// easyUI textbox 原生写法获取焦点事件:
$('#deptName').textbox({
inputEvents:$.extend({},$.fn.textbox.defaults.inputEvents,
{focus: function (event){
console.log('focus in : ' + event.target.id);
}})
});
如下的几种代码写法也可以:
$("#deptName").next('span').find(".textbox-text").focus(); //find返回唯一可视状态的input
$("#deptName").next('span').find('input').focus(); //find返回一个可视和一个隐藏的input
$("input", $("#deptName").next('span')).focus();