blocks|key|44445|text|我终于想出来了。我在同一表单中找到了一个类型为submit的锚元素。然后我点击它，并提交了表格。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|44446|下面是我使用过的代码：|44447|const+form+=+await+page.$('a#topbar-search');
await+form.evaluate(+form+=>+form.click()+);|code-block|syntax|javascript|44448|您还可以使用$eval方法而不是计算：|44449|await+page.$eval(+'a#topbar-search',+form+=>+form.click()+);|44450|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I've figured it out finally. I found inside that same form an anchor element whose type was submit. I then clicked on it and the form was submitted.</p>

<p>Here's the code I've used:</p>

<pre><code>const form = await page.$('a#topbar-search');
await form.evaluate( form =&gt; form.click() );
</code></pre>

<p>You can also use the $eval method instead of evaluate:</p>

<pre><code>await page.$eval( 'a#topbar-search', form =&gt; form.click() );
</code></pre>


blocks|key|44696|text|也许另一种选择是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|44697|await+page.keyboard.press('Enter');|code-block|syntax|javascript|44698|利用它的虚拟键盘API。更多信息这里|offset|length|44699|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-keyboard^0|0|0|G|2|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>Perhaps another option could be:</p>

<pre><code>await page.keyboard.press('Enter');
</code></pre>

<p>Leveraging its virtual keyboard API. More info info <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#class-keyboard" rel="noreferrer">here</a></p>


blocks|key|44482|text|await+page.$eval('input[name=btnK]',+el+=>+el.click());|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|44483|这将单击google中的提交按钮。至于您的页面，找出元素或按钮id，然后使用它。|unstyled|44484|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>await page.$eval('input[name=btnK]', el =&gt; el.click());
</code></pre>

<p>this will click the submit button in google. As for your page find out the elements or buttons id and then use it.</p>


blocks|key|1711368|text|您可以使用xpath创建自己的元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1711369|const+browser+=+await+puppeteer.launch();
const+page+=+await+browser.newPage();
const+txtObject+=+await+page.$x('.//input[type="text"]');
await+txtObject[0].type('bla+bla+bla');|code-block|syntax|javascript|1711370|在上面的代码中，我们使用"$x“检索一个数组中的所有元素，这就是为什么在下一个代码行中使用"0”作为索引的原因。如果有多个对象，则可以使用"+If“条件和一个循环来搜索正确的空间和使用正确的对象。另外，如果您有一些属性，您也可以使用类似的东西来使用一种干净而简单的方法来识别对象。|1711371|await+page.click('input[type="submit"]');+//+With+type
await+page.click('input[class="ng-newstyle"]');+//With+class+attribute|1711372|而且你可以在不久的将来降低维护的复杂性。|1711373|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>You can create your own element using xpath.</p>

<pre><code>const browser = await puppeteer.launch();
const page = await browser.newPage();
const txtObject = await page.$x('.//input[type="text"]');
await txtObject[0].type('bla bla bla');
</code></pre>

<p>In this above code we use "$x" to retrieve all the elements in one array, thats why we use in "0" as index in the next code line. If you have more than one object you can use a "IF" condition and one loop to search the correct space and use the correct object. Other way if you have a few attributes, you also can use something like that to have a clean and easy way to identify your object</p>

<pre><code>await page.click('input[type="submit"]'); // With type
await page.click('input[class="ng-newstyle"]'); //With class attribute
</code></pre>

<p>And you can reduce the maintenance complexity in the near future.</p>


blocks|key|1711434|text|在撰写本报告时，page.press()并不是一个有效的方法。使用page.press()会导致以下错误：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|1711435|运行代码时出错。TypeError:+page.press不是一个函数|blockquote|1711436|您可能指的是page.keyboard.press()。|1711437|关于如何模仿木偶索引中的Enter键的全面列表，请参见下面的内容：|1711438|page.keyboard.press()：|1711439|您可以使用page.keyboard.press()模拟按enter键。下列任何一种选择都应有效：|1711440|await+page.keyboard.press('Enter');+//+Enter+Key
await+page.keyboard.press('NumpadEnter');+//+Numeric+Keypad+Enter+Key
await+page.keyboard.press('\n');+//+Shortcut+for+Enter+Key
await+page.keyboard.press('\r');+//+Shortcut+for+Enter+Key|code-block|syntax|javascript|1711441|elementHandle.press()：|1711442|此外，在按enter之前，可以使用page.$()和elementHandle.press()的组合来聚焦元素：|1711443|await+(await+page.$('input[type="text"]')).press('Enter');+//+Enter+Key
await+(await+page.$('input[type="text"]')).press('NumpadEnter');+//+Numeric+Keypad+Enter+Key
await+(await+page.$('input[type="text"]')).press('\n');+//+Shortcut+for+Enter+Key
await+(await+page.$('input[type="text"]')).press('\r');+//+Shortcut+for+Enter+Key|1711444|page.type()：|1711445|此外，您还可以使用page.type()|1711446|await+page.type(String.fromCharCode(13));|1711447|page.keyboard.type()：|1711448|同样，您也可以使用page.keyboard.type()|1711449|await+page.keyboard.type(String.fromCharCode(13));|1711450|page.keyboard.sendCharacter()：|1711451|另一种替代方法是使用page.keyboard.sendCharacter()方法：|1711452|await+page.keyboard.sendCharacter(String.fromCharCode(13));|1711453|page.keyboard.down()+/+page.keyboard.up()：|1711454|还可以使用page.keyboard.down()和page.keyboard.up()的组合。|1711455|//+Enter+Key
await+page.keyboard.down('Enter');
await+page.keyboard.up('Enter');

//+Shortcut+for+Enter+Key
await+page.keyboard.down('NumpadEnter');
await+page.keyboard.up('NumpadEnter');

//+Shortcut+for+Enter+Key
await+page.keyboard.down('\n');
await+page.keyboard.up('\n');

//+Shortcut+for+Enter+Key
await+page.keyboard.down('\r');
await+page.keyboard.up('\r');|1711456|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#keyboardpresskey-options|1|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardpresskey-options|2|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageselector|3|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#elementhandlepresskey-options|4|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagetypeselector-text-options|5|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardtypetext-options|6|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardsendcharacterchar|7|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboarddownkey-options|8|https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardupkey^0|8|C|X|C|S|2|0|0|6|L|6|L|0|0|0|0|5|L|5|L|1|0|0|0|H|8|Q|L|H|8|2|Q|L|3|0|0|0|9|B|9|B|4|0|0|0|9|K|9|K|5|0|0|0|A|T|A|T|6|0|0|0|5|K|Q|I|5|K|7|Q|I|8|0|0^^$0|@$1|2|3|4|5|6|7|2E|8|@$9|2F|A|2G|B|C]|$9|2H|A|2I|B|C]|$9|2J|A|2K|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|2L|8|@]|E|@]|F|$]]|$1|J|3|K|5|6|7|2M|8|@$9|2N|A|2O|B|C]]|E|@$9|2P|A|2Q|1|2R]]|F|$]]|$1|L|3|M|5|6|7|2S|8|@]|E|@]|F|$]]|$1|N|3|O|5|6|7|2T|8|@]|E|@]|F|$]]|$1|P|3|Q|5|6|7|2U|8|@$9|2V|A|2W|B|C]]|E|@$9|2X|A|2Y|1|2Z]]|F|$]]|$1|R|3|S|5|T|7|30|8|@]|E|@]|F|$U|V]]|$1|W|3|X|5|6|7|31|8|@]|E|@]|F|$]]|$1|Y|3|Z|5|6|7|32|8|@$9|33|A|34|B|C]|$9|35|A|36|B|C]]|E|@$9|37|A|38|1|39]|$9|3A|A|3B|1|3C]]|F|$]]|$1|10|3|11|5|T|7|3D|8|@]|E|@]|F|$U|V]]|$1|12|3|13|5|6|7|3E|8|@]|E|@]|F|$]]|$1|14|3|15|5|6|7|3F|8|@$9|3G|A|3H|B|C]]|E|@$9|3I|A|3J|1|3K]]|F|$]]|$1|16|3|17|5|T|7|3L|8|@]|E|@]|F|$U|V]]|$1|18|3|19|5|6|7|3M|8|@]|E|@]|F|$]]|$1|1A|3|1B|5|6|7|3N|8|@$9|3O|A|3P|B|C]]|E|@$9|3Q|A|3R|1|3S]]|F|$]]|$1|1C|3|1D|5|T|7|3T|8|@]|E|@]|F|$U|V]]|$1|1E|3|1F|5|6|7|3U|8|@]|E|@]|F|$]]|$1|1G|3|1H|5|6|7|3V|8|@$9|3W|A|3X|B|C]]|E|@$9|3Y|A|3Z|1|40]]|F|$]]|$1|1I|3|1J|5|T|7|41|8|@]|E|@]|F|$U|V]]|$1|1K|3|1L|5|6|7|42|8|@]|E|@]|F|$]]|$1|1M|3|1N|5|6|7|43|8|@$9|44|A|45|B|C]|$9|46|A|47|B|C]]|E|@$9|48|A|49|1|4A]|$9|4B|A|4C|1|4D]]|F|$]]|$1|1O|3|1P|5|T|7|4E|8|@]|E|@]|F|$U|V]]|$1|1Q|3|-4|5|6|7|4F|8|@]|E|@]|F|$]]]|1R|$1S|$5|1T|1U|1V|F|$1W|1X]]|1Y|$5|1T|1U|1V|F|$1W|1Z]]|20|$5|1T|1U|1V|F|$1W|21]]|22|$5|1T|1U|1V|F|$1W|23]]|24|$5|1T|1U|1V|F|$1W|25]]|26|$5|1T|1U|1V|F|$1W|27]]|28|$5|1T|1U|1V|F|$1W|29]]|2A|$5|1T|1U|1V|F|$1W|2B]]|2C|$5|1T|1U|1V|F|$1W|2D]]]]

<p>At the time of writing, <code>page.press()</code> is <strong>not a valid Puppeteer method</strong>. Using <code>page.press()</code> results in the following error:</p>

<blockquote>
  <p>Error running your code. TypeError: page.press is not a function</p>
</blockquote>

<p>You are likely referring to <a href="https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#keyboardpresskey-options" rel="nofollow noreferrer"><code>page.keyboard.press()</code></a>.</p>

<p>See below for a comprehensive list on how to emulate the Enter key in Puppeteer:</p>

<hr>

<h3>page.keyboard.press():</h3>

<p>You can use <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardpresskey-options" rel="nofollow noreferrer"><code>page.keyboard.press()</code></a> to simulate pressing the enter key. Any of the following options should work:</p>

<pre><code>await page.keyboard.press('Enter'); // Enter Key
await page.keyboard.press('NumpadEnter'); // Numeric Keypad Enter Key
await page.keyboard.press('\n'); // Shortcut for Enter Key
await page.keyboard.press('\r'); // Shortcut for Enter Key
</code></pre>

<h3>elementHandle.press():</h3>

<p>Additionally, you can use use a combination of <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageselector" rel="nofollow noreferrer"><code>page.$()</code></a> and <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#elementhandlepresskey-options" rel="nofollow noreferrer"><code>elementHandle.press()</code></a> to focus on an element before pressing enter:</p>

<pre><code>await (await page.$('input[type="text"]')).press('Enter'); // Enter Key
await (await page.$('input[type="text"]')).press('NumpadEnter'); // Numeric Keypad Enter Key
await (await page.$('input[type="text"]')).press('\n'); // Shortcut for Enter Key
await (await page.$('input[type="text"]')).press('\r'); // Shortcut for Enter Key
</code></pre>

<h3>page.type():</h3>

<p>Furthermore, you can use <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagetypeselector-text-options" rel="nofollow noreferrer"><code>page.type()</code></a>:</p>

<pre><code>await page.type(String.fromCharCode(13));
</code></pre>

<h3>page.keyboard.type():</h3>

<p>Likewise, you can use <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardtypetext-options" rel="nofollow noreferrer"><code>page.keyboard.type()</code></a>:</p>

<pre><code>await page.keyboard.type(String.fromCharCode(13));
</code></pre>

<h3>page.keyboard.sendCharacter():</h3>

<p>Another alternative method would be to use the <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardsendcharacterchar" rel="nofollow noreferrer"><code>page.keyboard.sendCharacter()</code></a> method:</p>

<pre><code>await page.keyboard.sendCharacter(String.fromCharCode(13));
</code></pre>

<h3>page.keyboard.down() / page.keyboard.up():</h3>

<p>You can also use a combination of <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboarddownkey-options" rel="nofollow noreferrer"><code>page.keyboard.down()</code></a> and <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#keyboardupkey" rel="nofollow noreferrer"><code>page.keyboard.up()</code></a>:</p>

<pre><code>// Enter Key
await page.keyboard.down('Enter');
await page.keyboard.up('Enter');

// Shortcut for Enter Key
await page.keyboard.down('NumpadEnter');
await page.keyboard.up('NumpadEnter');

// Shortcut for Enter Key
await page.keyboard.down('\n');
await page.keyboard.up('\n');

// Shortcut for Enter Key
await page.keyboard.down('\r');
await page.keyboard.up('\r');
</code></pre>


blocks|key|1711504|text|您可以使用下面的代码对按钮执行click操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1711505|const+searchButtonNodeSelector+=+".submit-button";
await+page.click(searchButtonNodeSelector);|code-block|syntax|javascript|1711506|这个API被解释为这里。|1711507|entityMap|0|LINK|mutability|MUTABLE|url|https://pptr.dev/#?product=Puppeteer&version=v2.1.1&show=api-pageclickselector-options^0|F|5|0|0|9|2|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>You can go with the below code to <code>click</code> acting to the buttons.</p>

<pre class="lang-js prettyprint-override"><code>const searchButtonNodeSelector = ".submit-button";
await page.click(searchButtonNodeSelector);
</code></pre>

<p>This API is explained <a href="https://pptr.dev/#?product=Puppeteer&amp;version=v2.1.1&amp;show=api-pageclickselector-options" rel="nofollow noreferrer">here</a>.</p>


<p>According to <a href="https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagepresskey-options" rel="noreferrer">https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagepresskey-options</a>, you can simulate the pressing of a keyboard button with Puppeteer.</p>

<p>Here's what I do:</p>

<pre><code>// First, click the search button
await page.click('#outer-container &gt; nav &gt; span.right &gt; span.search-notification-wrapper &gt; span &gt; form &gt; input[type="text"]');
// Focus on the input field
await page.focus('#outer-container &gt; nav &gt; span.right &gt; span.search-notification-wrapper &gt; span &gt; form &gt; input[type="text"]');
// Enter some text into the input field
await page.type("Bla Bla");
// Press Enter to search -&gt; this doesn't work!
await page.press("Enter");
</code></pre>

<p>The pressing of the button doesn't produce anything. It's basically ignored.</p>

<p>How can I simulate the Enter key to submit the form?</p>


Puppeteer Button Press

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

根据的说法，你可以模拟键盘按键的按压。我要做的是：// First, click the search buttonawait page.click('#outer-container > nav > span.right > span.search-notification-wrapper > span > form > input[type="text"]');// Focus on the 

问木偶师巴顿出版社
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问木偶师巴顿出版社EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问木偶师巴顿出版社
EN