每日总结20230703: onpaste=“return false” 和 on focus=“this.blur()”，display：flex

1，不可粘贴

"οnpaste=“return false”"这个代码片段是用于禁用在网页上将文本或其他内容粘贴到特定元素中的默认操作。 "return false"语句阻止粘贴的默认行为。这个代码可以添加到HTML元素中，例如输入字段、文本区域或div容器，以自定义它们在粘贴内容时的行为。

<input type="text" onpaste="return false">

2，获取input框的value值，并转化为int类型

如，获取下面这个input的值

<input id="priceId" value="1">

通过id获取

var price=parseInt($('#priceId').val());//price=1

3，οnfοcus=“this.blur()”

是一种在HTML中使用的事件处理方法，它可以使元素在获得焦点时立即失去焦点。通过将此属性添加到HTML元素的标记中，你可以防止用户对元素进行操作或输入。

以下是一个示例，展示了如何在按钮上应用 οnfοcus=“this.blur()” 来防止按钮获得焦点：

<button onfocus="this.blur()">点击我</button>

在这个示例中，当用户将鼠标点击在按钮上或通过 Tab 键导航到按钮时，按钮会立即失去焦点，从而阻止用户与按钮进行交互。

请注意，οnfοcus=“this.blur()” 可以防止用户与元素进行交互，但并不能完全阻止所有方式的交互。有些浏览器可能不支持此属性，或者用户可能使用其他方式与元素进行交互。因此，在关键场景中，仍需要在服务器端或客户端对数据进行验证和过滤，以确保安全性和数据的准确性。

4，display: flex

是一个 CSS 属性，用于创建一个可伸缩的容器，该容器可以根据其子元素的大小和形状来调整大小和形状。将此属性应用于元素时，它使该元素显示为弹性容器，这意味着其子元素可以按照灵活的网格布局进行排列。