ブラウザバックのイベントを<button>で起動する方法

###前提・実現したいこと
JavaScriptでbutton.browserBackをクリックした際に、ブラウザバックを起動したいです。

###該当のソースコード

現状では次のイベントでブラウザバックのアクションを規定していまして、これと同じ内容を<button type="button" class="browserBack">戻るボタン</button>のクリックで起動したいです。

JavaScript
1window.addEventListener('popstate', function(ev) {
2
3	// 履歴あり
4	const state = ev.state;
5	if( state ){
6	
7		const html = state.contents;
8		$('.wrapper').html( html );
9
10	// 履歴なし
11	} else {
12	
13		// 自分のサイトなら何もしない
14		const refferer = $.cookie('refferer') ? $.cookie('refferer') : '';	
15		if ( ( refferer.indexOf(get_site_url()) === 0 ) || ( refferer=='' ) ) {
16			return;					
17
18		// よそ様のサイトならそちらへどうぞ
19		} else {
20			window.location.href = refferer;
21		}				
22	}
23	
24});
25

###試したこと
上記の規定を// ブラウザバックの関数化とし、イベントごとに実行するようにできるかと考えたのですが、しかしbutton.browserBackのクリック時には、evの取得内容が異なってしまうという点で躓きました。

つまり// 通常のブラウザバックのevは履歴の内容が保存されていますが、
しかし// ボタンによるブラウザバックのevはクリックしたものが保存されてしまっていて、これではconst state = ev.state;という取得ができないのです。

jQuery
1// ボタンによるブラウザバック
2$(document).on('click','button.browserBack', function(ev) {
3	browserBack(ev); // `ev`はクリックしたものが保存されてしまっている
4});
5
6// 通常のブラウザバック
7window.addEventListener('popstate', function(ev) {
8	browserBack(ev); // `ev`は履歴の内容が保存されてる
9});
10
11// ブラウザバックの関数化
12function browserBack(ev){
13
14	// 履歴あり
15	const state = ev.state;
16	if( state ){
17	
18		const html = state.contents;
19		$('.wrapper').html( html );
20
21	// 履歴なし
22	} else {
23	
24		// 自分のサイトなら何もしない
25		const refferer = $.cookie('refferer') ? $.cookie('refferer') : '';	
26		if ( ( refferer.indexOf(get_site_url()) === 0 ) || ( refferer=='' ) ) {
27			return;					
28
29		// よそ様のサイトならそちらへどうぞ
30		} else {
31			window.location.href = refferer;
32		}				
33	}
34
35}
36
37