Jquery 바인딩 입력 필드가 서로

Question

2 개의 입력 필드가 있고 무한 루프없이 함께 바인딩하고 싶습니다.

<%= number_field_tag "owner_discount_percent", @request.discount_owner_percent, class: 'form-control owner-disc' %> 

<%= number_field_tag "owner_discount", @request.discount_owner_val, class: 'form-control owner-disc' %> 

1000 € 인 총 가치가 있다고 가정하자.

소유자는 백분율 또는 정수로 할인을 제공 할 수 있습니다.

사용자가 할인율을 백분율로 제공하면 정수 값 필드를 업데이트하여 정수 값이 자동으로 계산되어 100 유로 (1000 * 10 %)와 같은 정수로 표시되어야합니다.

그러나 사용자가 백분율을 계산하여 백분율 필드에 써야하는 것보다 정수로 할인 한 경우.

on change 이벤트를 사용하려고하면 무한 오류가 발생합니다. 다른 방법이 있습니까?

감사합니다.

Answer 1

아마도 입력 필드 내에서 키 위/아래 또는 초점이 작동 할 수 있습니다. 변화가 일어 났을 때, 당신이 발견 한대로 루프가 생성됩니다. 당신은 내가 당신을 위해 그것을 해결됩니다하려고 무엇과 jsfiddle을 게시 할 경우

https://api.jquery.com/focusout/