我用JQuery框架这样写:
$('#input1').focus(function({
$('#input2').attr('disabled', 1);
}));
$('#input1').blur(function({
$('#input2').attr('disabled', 0);
}));$('#input2').focus(function({
$('#input1').attr('disabled', 1);
}));
$('#input2').blur(function({
$('#input1').attr('disabled', 0);
}));但是这样效果不好,点击input1,input2是不可编辑,但是点击input2时候,input2还是不可编辑的,点击没有效果,需要再点击其他的地方,然后input2才可以编辑
$('#input1').focus(function({
$('#input2').attr('disabled', 1);
}));
$('#input1').blur(function({
$('#input2').attr('disabled', 0);
}));$('#input2').focus(function({
$('#input1').attr('disabled', 1);
}));
$('#input2').blur(function({
$('#input1').attr('disabled', 0);
}));但是这样效果不好,点击input1,input2是不可编辑,但是点击input2时候,input2还是不可编辑的,点击没有效果,需要再点击其他的地方,然后input2才可以编辑
是在需要 jquery$('#input1').click(function({
$('#input1').attr('disabled', true);
$('#input2').attr('disabled', true);
}));
$('#input2').click(function({
$('#input2').attr('disabled', true);
$('#input1').attr('disabled', true);
}));
$('#input1').click(function({
$('#input1').attr('disabled', false);
$('#input2').attr('disabled', true);
}));
$('#input2').click(function({
$('#input2').attr('disabled', false);
$('#input1').attr('disabled', true);
}));
这样
<input id="input2" type="text" contentEditable=false onblur="this.contentEditable = false;" onclick="this.contentEditable = true;input1.contentEditable = false;"/>
不过好像这样实现也能达到效果:点击了input1的时候,input2的value就这位空;点击input2的时候,input1值为空:)