كان ريتشارد عازمًا على العودة إلى إنجلترا عندما سمع أن صلاح الدين وجنوده استولوا على يافا. ذهب ريتشارد وقوة صغيرة من أكثر من 2000 رجل إلى يافا عن طريق البحر في هجوم مفاجئ. اقتحمت قوات ريتشارد يافا من سفنهم وطردت أيوبيين، الذين لم يكونوا مستعدين للهجوم البحري، من المدينة. حرر ريتشارد أولئك من حامية الصليبيين الذين اتخذوا أسرى، وساعدت هذه القوات في تعزيز أعداد جيشه. ومع ذلك، كان جيش صلاح الدين لا يزال لديه تفوق عددي، وهجموا مضادًا. قصد صلاح الدين هجوم مفاجئ خفي في الفجر، ولكن تم اكتشاف قواته؛ واصل هجومه، لكن رجاله فقدوا دروعهم خفيفة وقتلوا 700 رجل بسبب عدد كبير من صواريخ الصليبيين من يافا. انتهت معركة يافا بحرية في أكتوبر 1192.
أكتوبر