如何在组件disabled的时候,屏蔽其所有事件?

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!--
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function fAlert(x){
alert(x);
}
function fDisabled(doit){
document.all.bSave.disabled=doit;
document.all.bCancel.disabled=doit;
document.all.bAdd.disabled=!doit;
}
function fAdd(){
fDisabled(false);
window.setTimeout(fAlert,3000,'fason1');
}
function fSave(){
fDisabled(true);
window.setTimeout(fAlert,3000,'fason2');
}
function fCancel(){
fDisabled(true);
window.setTimeout(fAlert,3000,'fason3');
}
//-->
</SCRIPT>
</HEAD><BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="button" id="bAdd" value="Add" onclick="fAdd()">
<INPUT TYPE="button" id="bSave" disabled value="Save" onclick="fSave()">
<INPUT TYPE="button" id="bCancel" disabled value="Cancel" onclick="fCancel()">
</FORM>
</BODY>
</HTML>

解决方案 »

  1.   

    页面中有一个text框,此组件有一个onclick事件
    如果enable的时候,其onclick事件正常执行
    如果disable的时候,其onclick事件不起作用如何写?
      

  2.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function fSave(){
    if(document.all.bAdd.disabled==false){
    alert("enable");
    //写脚本
    }else{
    alert("现在的状态是：disabled 。不写你的脚本");
    }
    }
    function fDisabled(doit){
    document.all.bAdd.disabled=!doit;
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <FORM METHOD=POST ACTION="" name="frm1">
    <INPUT TYPE="text" NAME="t1" id = "t1" onclick="fSave()" value="enable">
    <INPUT TYPE="button" id="bAdd" value="disabled" onclick="fDisabled(false)">
    </FORM>
    </BODY>
    </HTML>
      

  3.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function fSave(){
    if(document.all.t1.disabled==false){
    alert("enable");
    //写脚本
    }else{
    alert("现在的状态是：disabled 。不写你的脚本");
    }
    }
    function fDisabled(doit){
    document.all.t1.disabled=!doit;
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <FORM METHOD=POST ACTION="" name="frm1">
    <INPUT TYPE="text" NAME="t1" id = "t1" onclick="fSave()" value="enable">
    <INPUT TYPE="button" id="bAdd" value="disabled" onclick="fDisabled(false)">
    </FORM>
    </BODY>
    </HTML>
      

  4.   

    function disAlert()
    {
        alert("hello!");
    }function disText()
    {
        document.all.text1.disabled = true;
    }<input name="button" value="button" type="button" onClick="disText();">
    <input name="text1" type="text" onClick="disAlert();">没太弄明白楼主的意思，一个button让一个text框disable，那么text框的onclick功能自然就无效了
      

  5.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META Http-Equiv="Content-Type" Content="text/html; charset=gb2312">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var _st = window.setTimeout;
    window.setTimeout = function(fRef, mDelay) {
    if(typeof fRef == 'function'){
    var argu = Array.prototype.slice.call(arguments,2);
    var f = (function(){ fRef.apply(null, argu); });
    return _st(f, mDelay);
    }
    return _st(fRef,mDelay);
    }
    function fAlert(x){
    alert(x);
    }
    function fDisabled(doit){
    document.all.bSave.disabled=doit;
    document.all.bCancel.disabled=doit;
    document.all.bAdd.disabled=!doit;
    document.all.t1.disabled=doit;
    }
    function fAdd(){
    fDisabled(false);
    window.setTimeout(fAlert,3000,'fason1');
    }
    function fSave(){
    fDisabled(true);
    window.setTimeout(fAlert,3000,'fason2');
    }
    function fCancel(){
    fDisabled(true);
    window.setTimeout(fAlert,3000,'fason3');
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <FORM METHOD=POST ACTION="">
    <INPUT TYPE="text" NAME="t1" id = "t1" value="disabled" disabled onclick="javascript:alert('可以使用了');"><BR>
    <INPUT TYPE="button" id="bAdd" value="Add" onclick="fAdd()">
    <INPUT TYPE="button" id="bSave" disabled value="Save" onclick="fSave()">
    <INPUT TYPE="button" id="bCancel" disabled value="Cancel" onclick="fCancel()">
    </FORM>
    </BODY>
    </HTML>
      

  6.   

    本来就是这样的
    要怎么写？？？？？？？？？？？<input onclick="alert('click');this.disabled=true;">
      

  7.   

    一个标志位。禁止还是不禁止。呵呵。不是Nick的广告。