如何使用 Python Selenium 从 angular 表单中提取输入文本？

Question

我已经尝试过使用 .text 和 get_attribute('value') 从 angular 输入中获取值。

这是元素，

<input class="form-control m-input ng-pristine ng-valid ng-touched" name="contact" pattern="^((0091)|(\+91)|0?)[789]{1}\d{9}$" placeholder="Enter contact number" required="" type="text">

元素的截图，

此输入字段中有一个 email。 我想得到 ig something.mail.com。

这是我试过的代码，

contact = contact_field.get_property("value")
contact = contact_field.get_attribute("value")
contact = contact_field.text

Answer 1

根据 HTML：

<input class="form-control m-input ng-pristine ng-valid ng-touched" name="contact" pattern="^((0091)|(\+91)|0?)[789]{1}\d{9}$" placeholder="Enter contact number" required="" type="text">

在将文本发送到<input>元素时，没有任何属性可以满足 HTML DOM中的值更改。

---

深潜

如果<input>元素包含以下属性和 ev.net， DOM 树中的更改就会发生：

• change 事件：当用户提交对元素值的更改时，将为<input> 、 <select>和<textarea>元素触发change事件。 与<input>事件不同，change 事件不一定会在每次更改元素值时触发。 例子：

  • 例子#a:

     <input type="text" class="form-control" (input)="onSearchChange($event.target.value)">

  • 例子#b:

     <input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />

  • 例子#c:

     <input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>

  • 例子#d:

     <textarea [(ngModel)]="smsMessage" (change)="changeSMSMessage()"></textarea>

注意：HTML 规范列出了应该触发更改事件的<input>类型。

---

例子

例如，对于某些元素，包括<input type="text"> ，更改事件不会在控件失去焦点之前触发。 在下面的字段中输入内容，然后单击其他地方以触发事件。

HTML：

<input placeholder="Enter some text" name="name"/>
<p id="log"></p>

JavaScript：

const input = document.querySelector('input');
const log = document.getElementById('log');

input.addEventListener('change', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

---

参考

您可以在以下位置找到一些相关的详细讨论：

• Angular 2 每次按键更改事件
• Angular：输入事件改变值