Home Web Front-end JS Tutorial jQuery right-click menu contextMenu usage example_jquery

jQuery right-click menu contextMenu usage example_jquery

May 16, 2016 pm 06:01 PM
contextmenu right click menu

Below we will design a scenario where the table grid needs to implement right-click, add, delete, and save operations on each row. For grid, I use gridview. I just use the styles provided by Microsoft. The test cases don’t need to be very beautiful. I’m not an artist anymore. Haha, I’m just lazy.

First, the renderings. Some comrades say that only with pictures can the truth be revealed:
jQuery right-click menu contextMenu usage example_jquery
ui code:

Copy the code The code is as follows:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits=" Default2" %>



< ;/title> <br><%-- --%> <br><script src="Script/jquery.js" type="text/javascript"></script> <br>< ;script src="Script/jquery.contextmenu.r2.js" type="text/javascript"></script> <br><style type="text/css"> <br>.SelectedRow <br>{ <br>background: yellow; <br>} <br>.contextMenu <br>{ <br>display: none; <br>} <br></style> <br><script type= "text/javascript"> <br>$(function() { <br>$('#GridView1 tr:gt(0)').contextMenu('menu', <br>{ <br>bindings: <br>{ <br>'add': function(t, target) { <br>alert('Trigger: 't.id' add' " taget by:" $("td:eq(0)", target). text()); <br>}, <br>'delete': function(t, target) { <br>alert('Trigger:' t.id ' delete' " taget by:" $("td:eq (0)", target).text()); <br>$(target).remove(); <br>}, <br>'save': function(t, target) { <br>alert(' Trigger: ' t.id ' Save ' " taget by:" $("td:eq(0)", target).text()); <br>}, <br>'About': function(t, target ) { <br>alert('Code by http://www.cnblogs.com/whitewolf/'); <br>} <br>}, <br>onShowMenu: function(e, menu) { <br>if (parseInt($("td:eq(0)", e.currentTarget).text()) > 10) { <br>$("#save", menu).remove(); <br>} <br>$(e.currentTarget).siblings().removeClass("SelectedRow").end().addClass("SelectedRow"); <br>return menu; <br>} <br>}); <br> }) <br></script> <br></head> <br><body> <br><form id="form1" runat="server"> <br><div> <br><div class="contextMenu" id="menu"> <br><ul> <br><li id="add"> <br><img src="image/Home_Age_UnSelect .jpg" width="16" height="16" /> <br>edit</li> <br><li id="delete"> <br><img src="image/Home_Age_UnSelect .jpg" width="16" height="16" /> <br>Delete</li> <br><li id="save"> <br><img src="image/Home_Age_UnSelect .jpg" width="16" height="16" /> <br>Save</li> <br><li id="About"> <br><img src="image/Home_Age_UnSelect .jpg" width="16" height="16" /> <br>About</li> <br></ul> <br></div> <br><asp:GridView ID ="GridView1" runat="server" Width="100%" BackColor="White" BorderColor="#CCCCCC" <BR>BorderStyle="None" BorderWidth="1px" CellPadding="3"> <br>< ;RowStyle ForeColor="#000066" /> <br><FooterStyle BackColor="White" ForeColor="#000066" /> <br><PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign= "Left" /> <br><SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /> <br><HeaderStyle BackColor="#006699" Font-Bold=" True" ForeColor="White" /> <br></asp:GridView> <br></div> <br></form> <br></body> <br></ html> <br> </div> <br>Note: <br>1: contextMenu we hide some menu items based on data records. This can be done in the onShowMenu event, based on the <br>e.currentTarget trigger source to obtain data, based on remove menu item. For example, in the test case: if id>10, saving is not allowed <br>if (parseInt($("td:eq(0)", e.currentTarget).text()) > 10) { <br>$ ("#save", menu).remove(); <br>} <br>2: Event registration: Get data according to the second parameter target, and get the menu item according to the first parameter t. For example: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="84374" class="copybut" id="copybut84374" onclick="doCopy('code84374')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code84374"> <br>'add': function(t, target) { <br>alert('Trigger: ' t.id ' increase ' " taget by:" $("td:eq(0)", target).text()); <br>}, <br> </div> <br>Ajax and server-side communication are needed here. You can use the component from my previous article: jQuery Ajax imitates the AjaxPro.Utility.RegisterTypeForAjax auxiliary method, which will make it easier to apply ajax communication. <br>There is a problem here in the source code I downloaded: <br>Originally, the currentTarget here is always undefined. <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="62347" class="copybut" id="copybut62347" onclick="doCopy('code62347')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code62347"> <br>if (!!cur.onShowMenu) menu = cur. onShowMenu(e, menu); <br>$.each(cur.bindings, function(id, func) { <br>$('#' id, menu).bind('click', function(e) { <br>hide(); <br>func(trigger, currentTarget); <br>}); <br>}); <br> </div> <br>After I modified: <br><div class="codetitle"> <span> <a style="CURSOR: pointer" data="1868" class="copybut" id="copybut1868" onclick="doCopy('code1868')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code1868"> <br>if (!!cur.onShowMenu) menu = cur.onShowMenu(e, menu); <br>$.each(cur.bindings, function(id, func) { <br>$('#' id, menu).bind('click', function(ev) { <br>hide(); <br> func(trigger, e.currentTarget); <br>}); <br>}); <br> </div> <br>This way everything is normal. <br>There is very little content, everything is interrupted and ends here, over! <br>Attachment download: <a href="http://xiazai.jb51.net/201109/yuanma/contextMenu_jquery.rar" target="_blank">Demo</a> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780641.html" title="R.E.P.O. Best Graphic Settings" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Best Graphic Settings</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780520.html" title="R.E.P.O. How to Fix Audio if You Can't Hear Anyone" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. How to Fix Audio if You Can't Hear Anyone</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796779766.html" title="WWE 2K25: How To Unlock Everything In MyRise" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25: How To Unlock Everything In MyRise</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot AI Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>AI-powered app for creating realistic nude photos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online AI tool for removing clothes from photos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Undress images for free</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI clothes remover</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Generate AI Hentai for free.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780641.html" title="R.E.P.O. Best Graphic Settings" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Best Graphic Settings</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>2 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780520.html" title="R.E.P.O. How to Fix Audio if You Can't Hear Anyone" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. How to Fix Audio if You Can't Hear Anyone</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796779766.html" title="WWE 2K25: How To Unlock Everything In MyRise" class="phpgenera_Details_mainR4_bottom_title">WWE 2K25: How To Unlock Everything In MyRise</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Easy-to-use and free code editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Chinese version</h3> </a> <p>Chinese version, very easy to use</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Zend Studio 13.0.1</h3> </a> <p>Powerful PHP integrated development environment</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visual web development tools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac version</h3> </a> <p>God-level code editing software (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Topics</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7467</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1376</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/steamdzhmcssmgs" title="What is the format of the account name of steam" class="phpgenera_Details_mainR4_bottom_title">What is the format of the account name of steam</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>77</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/winactivationkeyper" title="win11 activation key permanent" class="phpgenera_Details_mainR4_bottom_title">win11 activation key permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>45</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/newyorktimesdailybrief" title="nyt connections hints and answers" class="phpgenera_Details_mainR4_bottom_title">nyt connections hints and answers</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>18</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/faq/zt">Show More</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/664060.html" title="How to solve the slow response of Win11 right-click menu? Solution to the slow pop-up menu of right-clicking the mouse in Win11" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170670996748506.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to solve the slow response of Win11 right-click menu? Solution to the slow pop-up menu of right-clicking the mouse in Win11" /> </a> <a href="https://www.php.cn/faq/664060.html" title="How to solve the slow response of Win11 right-click menu? Solution to the slow pop-up menu of right-clicking the mouse in Win11" class="phphistorical_Version2_mids_title">How to solve the slow response of Win11 right-click menu? Solution to the slow pop-up menu of right-clicking the mouse in Win11</a> <span class="Articlelist_txts_time">Jan 31, 2024 pm 10:06 PM</span> <p class="Articlelist_txts_p">After upgrading the Win11 system, some friends found that the pop-up menu when right-clicking the mouse has become slower. What is going on? Is it because of the configuration problem, or what kind of settings should be made? The editor of this website will tell you how to solve it today. In fact, we can adjust the performance to the highest performance, so that there will be no problem of slow response. Solution to the slow right-click pop-up menu of Win11 1. First, find the system settings in the start menu. 3. Then find the advanced system settings in the relevant links below. 5. Then under the visual effects tab, check Adjust for best performance.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/578144.html" title="What should I do if there is no compressed package option when right-clicking on Windows 10?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/168926071416757.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What should I do if there is no compressed package option when right-clicking on Windows 10?" /> </a> <a href="https://www.php.cn/faq/578144.html" title="What should I do if there is no compressed package option when right-clicking on Windows 10?" class="phphistorical_Version2_mids_title">What should I do if there is no compressed package option when right-clicking on Windows 10?</a> <span class="Articlelist_txts_time">Jul 13, 2023 pm 11:05 PM</span> <p class="Articlelist_txts_p">Win10 system has built-in decompression software WinRAR. Generally, you can find the shrink option by right-clicking on the folder. However, some users find that there is no compressed package option when they right-click. What should they do? You first find WinRAR in the menu bar to open, then click the option above, then select Settings, switch to the integrated menu bar in the opening window, click the context menu button, and check "Add to archive". What to do if there is no compressed package option in win10: You can click the "Start/WinRar/Winrar" menu items on the Windows 10 desktop. At this time, the main interface of Winrar software will open, click on the "Options" menu item above. In the drop-down list of options that pops up, click "Settings"</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/674715.html" title="How to add a drawing program to the right-click menu of Win11? How to add a drawing program to the right-click menu of Win11" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170765660328440.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to add a drawing program to the right-click menu of Win11? How to add a drawing program to the right-click menu of Win11" /> </a> <a href="https://www.php.cn/faq/674715.html" title="How to add a drawing program to the right-click menu of Win11? How to add a drawing program to the right-click menu of Win11" class="phphistorical_Version2_mids_title">How to add a drawing program to the right-click menu of Win11? How to add a drawing program to the right-click menu of Win11</a> <span class="Articlelist_txts_time">Feb 11, 2024 pm 09:03 PM</span> <p class="Articlelist_txts_p">Many win11 users want to add their drawing program to the right-click menu, so how do they add it? Users can directly right-click the Windows Terminal under Start, and then directly copy the following code to the corresponding location. Let this site carefully introduce to users how to add a drawing program to the Win11 right-click menu. How to add a drawing program to the Win11 right-click menu 1. First, right-click the "Start" button (or press the Win+X keys) and select "Windows Terminal (Administrator)". 2. Then paste this string of code into the terminal application [reg.exeadd&ldqu</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/571721.html" title="How to solve the problem of stuck right-click menu of win11 file" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/168831078720717.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to solve the problem of stuck right-click menu of win11 file" /> </a> <a href="https://www.php.cn/faq/571721.html" title="How to solve the problem of stuck right-click menu of win11 file" class="phphistorical_Version2_mids_title">How to solve the problem of stuck right-click menu of win11 file</a> <span class="Articlelist_txts_time">Jul 02, 2023 pm 11:13 PM</span> <p class="Articlelist_txts_p">How to solve the problem of stuck right-click menu of win11 files? What should I do if I need to view the specific attributes of a file? We often left-click to select a file and then right-click to open the menu to view properties. However, many friends who use the win11 version of the operating system often encounter that when right-clicking on a file, they always have to wait for a while before the right-click menu is displayed. This has a great impact on users' computer experience. In this regard, the editor uses the following article to introduce how to solve this problem. Many friends don’t know how to operate in detail. The editor below has compiled a tutorial on how to solve the problem of Win11 right-click menu being stuck. If you are interested, follow the editor and take a look below! Overview of the tutorial on how to fix the stuck win11 right-click menu 1. First, we press [ctr] at the same time</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/635332.html" title="Right click and create new word disappears" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/465/014/170347223751228.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Right click and create new word disappears" /> </a> <a href="https://www.php.cn/faq/635332.html" title="Right click and create new word disappears" class="phphistorical_Version2_mids_title">Right click and create new word disappears</a> <span class="Articlelist_txts_time">Dec 25, 2023 am 10:43 AM</span> <p class="Articlelist_txts_p">Many friends find that Word, ppt, and Excel in the list are missing when they right-click to create a new one. What is going on? In fact, some files are missing from the registration list. We only need to enter the settings to adjust the values. Okay, let’s take a look at the specific tutorial with the editor below. Method to fix the problem of missing right-click New Word 1. Click Start, find the run command line, enter regedit, and open the registry. 2. Find the HKEY_CLASSES_ROOT directory on the left and expand it. 3. First, we use the CTRL+F shortcut keys to find the location of "docx". Of course, you can also pull down and search by yourself. 4. Once found, there is no need to expand the directory. We can see that there is a (</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/641613.html" title="What to do if the right-click menu management cannot be opened in Windows 10" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/170436646476739.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="What to do if the right-click menu management cannot be opened in Windows 10" /> </a> <a href="https://www.php.cn/faq/641613.html" title="What to do if the right-click menu management cannot be opened in Windows 10" class="phphistorical_Version2_mids_title">What to do if the right-click menu management cannot be opened in Windows 10</a> <span class="Articlelist_txts_time">Jan 04, 2024 pm 07:07 PM</span> <p class="Articlelist_txts_p">When we use the win10 system, when we use the mouse to right-click the desktop or the right-click menu, we find that the menu cannot be opened and we cannot use the computer normally. At this time, we need to restore the system to solve the problem. Win10 right-click menu management cannot be opened: 1. First open our control panel, and then click. 2. Then click under Security and Maintenance. 3. Click on the right to restore the system. 4. If it still cannot be used, check whether there is something wrong with the mouse itself. 5. If you are sure there is no problem with the mouse, press + and enter. 6. After the execution is completed, restart the computer.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/661745.html" title="How to set the right-click menu not to collapse in win11?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170650982675082.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to set the right-click menu not to collapse in win11?" /> </a> <a href="https://www.php.cn/faq/661745.html" title="How to set the right-click menu not to collapse in win11?" class="phphistorical_Version2_mids_title">How to set the right-click menu not to collapse in win11?</a> <span class="Articlelist_txts_time">Jan 29, 2024 pm 02:30 PM</span> <p class="Articlelist_txts_p">Many users find that the right-click menu is not very easy to use after upgrading to win11. This makes many users ask how to set the right-click menu of win11 without folding? In fact, the method is very simple. Users can enter the taskbar settings and perform operations. Let this site carefully introduce the win11 right-click menu non-folding setting tutorial for users. Win11 right-click menu non-folding setting tutorial 1. Right-click the empty space of the taskbar to enter the taskbar settings. 3. Click the open icon and it will be displayed directly. If it is closed, it will be stored in the small triangle.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/634816.html" title="Win11 mouse right-click menu setting tutorial" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170330071777562.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Win11 mouse right-click menu setting tutorial" /> </a> <a href="https://www.php.cn/faq/634816.html" title="Win11 mouse right-click menu setting tutorial" class="phphistorical_Version2_mids_title">Win11 mouse right-click menu setting tutorial</a> <span class="Articlelist_txts_time">Dec 23, 2023 am 11:05 AM</span> <p class="Articlelist_txts_p">Since win11 has changed the mouse right-click menu, many friends feel uncomfortable using it. They want to know how to set up the win11 mouse right-click menu. In fact, we only need to open the registry, where we can edit the right-click menu. How to set the mouse right-click menu in win11: 1. First press "Win+R" on the keyboard to open run. 2. Enter "regedit" and press Enter to open the registry. 3. After opening, go to the "Computer\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FeatureManagement\Overrides\4" location. 4. Then right-click the 4 folder and select New</p> </div> </div> <a href="https://www.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training,Help PHP learners grow quickly!</p> </div> <div class="footermid"> <a href="https://www.php.cn/about/us.html">About us</a> <a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="https://www.php.cn/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744392012"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>