입력입력창의 내용을 실시간으로 획득

이번에는 입력 상자 콘텐츠의 실시간 획득에 대해 알려드리겠습니다. 입력 상자 콘텐츠의 실시간 획득에 대한 주의 사항은 무엇입니까? 다음은 실제 사례입니다. .

입력 상자 내용이 실시간으로 모니터링됩니다! 이벤트는 입력 상자의 내용이 변경되는 경우에만 발생합니다. 입력 상자의 내용이 변경되지 않으면 이벤트가 발생하지 않습니다!

코드는 다음과 같습니다.

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
 function OnInput (event) {
  alert (event.target.value);
 }
 function OnPropChanged (event) {
  if (event.propertyName.toLowerCase () == "value") {
   alert (event.srcElement.value);
  }
 }
</script>
<form>
 用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS는 별점 평가를 구현합니다

JS는 데이터 검증 및 체크박스 양식 제출을 구현합니다

위 내용은 입력입력창의 내용을 실시간으로 획득의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!