Вопросы Теги

JS событие, если пользователь нажимает на контекстное меню браузера

Вот реализация без каких-либо вспомогательных методов: 

var grp = 0;
var results =
from i
in
input.Zip(
    input.Skip(1).Concat(new [] {input.Last ()}),
    (n1, n2) => Tuple.Create(
        n1, (n2.Value == n1.Value) ? grp : grp++
    )
)
group i by i.Item2 into gp
select new {SequenceNumFrom = gp.Min(x => x.Item1.SequenceNumber),SequenceNumTo = gp.Max(x => x.Item1.SequenceNumber), Value = gp.Min(x => x.Item1.Value)};

Идея такова:

  • Следите за своим собственным индикатором группировки, grp.
  • Присоедините каждый элемент коллекции к следующему элементу коллекции (через Skip (1) и Zip).
  • Если значения совпадают, они находятся в одной группе; в противном случае приращение grp сигнализирует о начале следующей группы.
0
задан qadenza 17 January 2019 в 08:05
поделиться

1 ответ

На самом деле, контекстное меню не дает вам, ваш 100% принятый ответ, вы можете остановить элемент контекстного меню, щелкнув правой кнопкой мыши. Вы показываете, что пользовательский код меню здесь, может быть, это поможет вам. ссылка: http://jsfiddle.net/6cqhsfvL/1/ или выше код 

$('.title').on('click', function(){
	  $('.nav').slideDown();
	});

	$('.nav').on('click', function(){
		$(this).slideUp();
	});

	$('.nav a').on("mousedown",function(e){
		e.preventDefault();
		if(event.which==3){
			$('#item li a').attr('href', $(this).attr('href'));
		}
	});

	$('.nav a').bind("contextmenu",function(e){
	  	e.preventDefault();
		$("#cntnr").css("left",e.pageX);
		$("#cntnr").css("top",e.pageY);     
		$("#cntnr").fadeIn(200,startFocusOut());    
	});
    $("#items").on('click', 'a', function(event) {
	    event.stopPropagation();
	    $('.nav').slideUp();
	    $("#cntnr").hide(); 
	    window.open($(this).attr('href'), '_blank'  );
    });

	function startFocusOut(){
	  $(document).on("click",function(){
	  $("#cntnr").hide();        
	  $(document).off("click");
	  });
	}
.title{cursor:pointer;}
.nav{display:none;}

#items{
  list-style:none;
  margin:0px;
  margin-top:4px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:3px;
  font-size:17px;
  color: #333333;
}
#cntnr{
  display:none;
  position:fixed;
  border:1px solid #B2B2B2;
  width:150px;      background:#F9F9F9;
  box-shadow: 3px 3px 2px #E9E9E9;
  border-radius:4px;
}
li{
  padding: 3px;
  padding-left:10px;
}
#items :hover{
   color: white;
  background:#284570;
  border-radius:2px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<div class='title'>MENU</div>
	<div class='nav'>
	<a href = 'https://google.com'>Google</a>
	</div>

	<div id='cntnr'>
	    <ul id='items'>
	    	<li><a target="_blank" href="#">Open new tab</a></li>
	    </ul>
	 </div>

0
ответ дан Md. Abu Sayed 17 January 2019 в 08:05
поделиться
Другие вопросы по тегам:

Похожие вопросы: