當用戶剪切或刪除元素中存在的內容時,將觸發此屬性。它是布爾類型屬性。所有HTML元素都支持此屬性,但對於ContentEditable屬性設置為“true”的該元素也是可能的。
注意:削減元素內容的方法有3種:
- 按CTRL + X
- 從瀏覽器的“編輯”菜單中選擇“Cut”
- 右鍵單擊,然後選擇“Cut”命令
用法:
<element oncut = "script">
屬性:此屬性是事件屬性的一部分,可以在任何HTML元素中使用。該腳本將在oncut屬性調用時運行。
範例1:
<!DOCTYPE html>
<html>
<head>
<title>oncut attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>oncut attribute in input element</h2>
<input type = "text" oncut = "Geeks()"
value = "GeeksForGeek:A computer science portal for Geeks">
<p id = "sudo"></p>
<script>
function Geeks() {
document.getElementById("sudo").innerHTML = "Cut the text!";
}
</script>
</body>
</html>
輸出:
範例2:
<!DOCTYPE html>
<html>
<head>
<title>oncut attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>oncut attribute in input element</h2>
<p contenteditable = "true" oncut = "Geeks()">
GeeksforGeeks:A computer science portal for geeks.</p>
<script>
function Geeks() {
alert("Cut the text!");
}
</script>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了oncut屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML oncut事件用法及代碼示例
- HTML <html> xmlns屬性用法及代碼示例
- HTML scoped屬性用法及代碼示例
- HTML <th> valign屬性用法及代碼示例
- HTML <col> align屬性用法及代碼示例
- HTML poster屬性用法及代碼示例
- HTML Class屬性用法及代碼示例
- HTML style屬性用法及代碼示例
- HTML oninvalid用法及代碼示例
- HTML <select> autocomplete屬性用法及代碼示例
- HTML <table> bgcolor屬性用法及代碼示例
- HTML onsubmit用法及代碼示例
- HTML onunload用法及代碼示例
- HTML srcdoc屬性用法及代碼示例
- HTML Marquee truespeed用法及代碼示例
- HTML onkeyup用法及代碼示例
- HTML ondrop用法及代碼示例
- HTML <td> abbr屬性用法及代碼示例
- HTML onpageshow用法及代碼示例
- HTML reversed屬性用法及代碼示例
- HTML readonly屬性用法及代碼示例
- HTML required屬性用法及代碼示例
- HTML onsearch用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | oncut Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。