Góc: sự kiện mã khóa "tab" không kích hoạt

Question

Tôi có một trường biểu mẫu có trình xử lý mà tôi muốn kích hoạt sau khi người dùng cố ý chấp nhận giá trị bằng return/enter hoặc các tab đến trường tiếp theo. Tôi không thể sử dụng onBlur trong trường hợp này, vì nó tất nhiên kích hoạt nếu người dùng hoặc hệ thống làm mờ trường. Tôi chỉ muốn nó trên một keyup.

Vì vậy, tôi có điều này. Trước tiên, tôi đã có enter và nó hoạt động rất tốt. Nhưng keycode==9 không kích hoạt trình xử lý. Trọng tâm chỉ chuyển sang lĩnh vực tiếp theo.

ng-keyup="($event.keyCode == 13 || 
      $event.keyCode == 9) 
      && packages.submitNumber('add', packages.addTrackingNumber)" 

Có cách nào để có lửa này trên enter HOẶC tab?

Answer 1

Nút tab trong html được lập bảng cho phần tử có thể đặt tiêu điểm tiếp theo (các nút, đầu vào, v.v.). Vì vậy, khi bạn nhấn phím nút khóa bàn phím đang diễn ra trên tiêu điểm tiếp theo. Để tránh điều này, bạn có thể thử sử dụng ng-keydown. Xem working example