「JavaScript」onclickとonChangeで引数にthisを指定する方法

2020年9月18日

■onclick()関数
使用例
this はカレントオブジェクトの親のフォームを参照できます。
htmlコード

<form name="regFrm">
<div><label>ユーザ名:<input type="text" name="userName" value="yamada"></label></div>
<div><input name="btnReg" type="button" value="登録"
      onclick="this.form.userName.value=this.form.name">
</div>
</form>

■onChange()関数
使用例
オブジェクトのvalueの上限値と下限値を判定します。
JSコード

function compFunc(obj, a, b) {
   if ((obj.value < a) || (obj.value > b))
      alert("エラーです");
}
<input type="text" name="num" size="3"
   onChange="compFunc(this, 20, 70)">