10 examples of 'tab click event jquery' in JavaScript

15
private onClick(event: Event): void {
16
    const tab = event.target as HTMLElement;
17
    if (tab.classList.contains('tab')) {
18
        const tabs = event.currentTarget as HTMLElement;
19
        Array.from(tabs.querySelectorAll('.tab')).forEach(tab => tab.classList.remove('selected'));
20
21
        tab.classList.add('selected');
22
23
        const index = tab.dataset['index'];
24
        this.props.onTabSelected(+index);
25
    }
26
}

108
var clickTab = function clickTab(tab) {
109
  unselectTabs();
110
  selectTab(tab);
111
  tab.focus();
112
};

69
_onTabButton(ev) {
70
    const $button = $(ev.target);
71
    this._activateTabByButton($button);
72
    this.trigger('itemClick', $button.text());
73
}

154
function sendClick(tabId) {
155
  // Click on the notification
156
  chrome.tabs.sendRequest(tabId, {action: 'gpmeBrowserActionClick'});
157
}

69
debugMenuLinks.click( function onClickLink( event ) {
70
	var $this = $( this );
71
72
	event.preventDefault();
73
74
	if ( $this.hasClass( 'current' ) ) {
75
		return;
76
	}
77
78
	// Deselect other tabs and hide other panels.
79
	debugMenuTargets.hide().trigger( 'debug-bar-hide' );
80
	debugMenuLinks.removeClass( 'current' );
81
82
	// Select the current tab and show the current panel.
83
	$this.addClass( 'current' );
84
	// The hashed component of the href is the id that we want to display.
85
	$( '#' + this.href.substr( this.href.indexOf( '#' ) + 1 ) ).show().trigger( 'debug-bar-show' );
86
} );

33
function onClickHandler(info, tab) {
34
    var code;
35
    if (info.menuItemId == 'toggle')
36
        code = '$("#stopBtn").click();';
37
    else if (info.menuItemId == 'clear') {
38
        code = 'if(localStorage.coopraid == ' + tab.id + ') localStorage.removeItem("coopraid");';
39
        code += 'if(localStorage.assist == ' + tab.id + ') localStorage.removeItem("assist");';
40
        code += 'if(localStorage.autoEvent == ' + tab.id + ') localStorage.removeItem("autoEvent");';
41
        code += 'if(localStorage.autoExtraEvent == ' + tab.id + ') localStorage.removeItem("autoExtraEvent");';
42
        code += 'if(localStorage.autoExtra == ' + tab.id + ') localStorage.removeItem("autoExtra");';
43
        code += 'if(localStorage.magna == ' + tab.id + ') localStorage.removeItem("magna");';
44
    } else if (info.menuItemId == 'clearAll') {
45
        code = 'localStorage.removeItem("coopraid");';
46
        code += 'localStorage.removeItem("assist");';
47
        code += 'localStorage.removeItem("autoEvent");';
48
        code += 'localStorage.removeItem("autoExtraEvent");';
49
        code += 'localStorage.removeItem("autoExtra");';
50
        code += 'localStorage.removeItem("magna");';
51
    } else {
52
        code = 'if(localStorage.coopraid == ' + tab.id + ') localStorage.removeItem("coopraid");';
53
        code += 'if(localStorage.assist == ' + tab.id + ') localStorage.removeItem("assist");';
54
        code += 'if(localStorage.autoEvent == ' + tab.id + ') localStorage.removeItem("autoEvent");';
55
        code += 'if(localStorage.autoExtraEvent == ' + tab.id + ') localStorage.removeItem("autoExtraEvent");';
56
        code += 'if(localStorage.autoExtra == ' + tab.id + ') localStorage.removeItem("autoExtra");';
57
        code += 'if(localStorage.magna == ' + tab.id + ') localStorage.removeItem("magna");';
58
        code += 'localStorage.setItem(\'' + info.menuItemId + '\', ' + tab.id + ')';
59
    }
60
    chrome.tabs.executeScript(tab.id, {
61
        code: code
62
    });
63
}

56
tabClick(e) {
57
  const targ = $(e.target).closest('.js-tab');
58
59
  recordEvent('Settings_TabOpen', { tab: targ.data('tab') });
60
  this.selectTab(targ);
61
}

12
function onClick(tab){
13
  chrome.tabs.getSelected(null, function(tab) {
14
    chrome.tabs.sendMessage(tab.id, {action: 'toggleSearchBox'});
15
  });
16
}

16
function tabEvent() {
17
    $(".tabArea").each(function (index, element) {
18
        $(this).find(".tab-bar>div").click(function () {
19
            $(this).parent().find(">div").removeClass("titOver");
20
            $(this).parent().parent().find(".tab-context>div").hide();
21
            $(this).addClass("titOver");
22
            var index = $(this).parent().find(">div").index(this);
23
            $(this).parent().parent().find(".tab-context>div:eq(" + index + ")").show();
24
        });
25
        //默认第一个显示
26
        //$(this).find(".tab-bar>div:eq(0)").click();
27
    });
28
}

63
_onTabButton(ev) {
64
  const $button = $(ev.target);
65
  this._activateTabByButton($button);
66
  this.trigger('itemClick', $button.text());
67
}