>  기사  >  웹 프론트엔드  >  입력입력창의 내용을 실시간으로 획득

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

php中世界最好的语言
php中世界最好的语言원래의
2018-04-19 09:46:084698검색

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

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

코드는 다음과 같습니다.

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.