When pressing one of the numeric buttons on the phone, BackgroundCallCard::dialpadButtonClick
If you are developing integrations for Bitrix24 using AI tools (Codex, Claude Code, Cursor), connect to the MCP server so that the assistant can utilize the official REST documentation.
Scope:
telephonyWho can subscribe: any user
The event BackgroundCallCard::dialpadButtonClick is triggered when a key on the numeric keypad is pressed during a call.
The event operates within the context of the application in the placement PAGE_BACKGROUND_WORKER.
What the handler receives
Data is passed to the callback BX24.placement.bindEvent
callback("8");
Event handler parameters
Required parameters are marked with *
|
Parameter |
Description |
|
eventData* |
The pressed key: |
Subscription parameters for the event
Required parameters are marked with *
|
Name |
Description |
|
PLACEMENT* |
The name of the interface event. For this event — |
|
HANDLER* |
The URL of the event handler for calling |
Code examples
How to Use Examples in Documentation
curl -X POST \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-d '{"PLACEMENT":"BackgroundCallCard::dialpadButtonClick","HANDLER":"**your_handler_url_here**"}' \
"https://**put_your_bitrix24_address**/rest/placement.bindEvent?auth=**put_access_token_here**"
// This snippet is an ES module: top-level await requires type="module" or a bundler.
// $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
import { Text } from '@bitrix24/b24jssdk'
import type { B24Frame } from '@bitrix24/b24jssdk'
declare const $b24: B24Frame
try {
const response = await $b24.actions.v2.call.make<boolean>({
method: 'placement.bindEvent',
params: {
PLACEMENT: 'BackgroundCallCard::dialpadButtonClick',
HANDLER: '**your_handler_url_here**',
},
requestId: Text.getUuidRfc4122()
})
// The payload is available only on a successful response
if (!response.isSuccess) {
console.error(response.getErrorMessages().join('; '))
} else {
const result = response.getData()!.result
console.info('Event binding registered:', result)
}
} catch (error) {
// Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
console.error(error)
}
<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
<script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
<script>
async function bindDialpadButtonClick() {
try {
// Initialize the SDK inside a Bitrix24 frame
const $b24 = await B24Js.initializeB24Frame()
const response = await $b24.actions.v2.call.make({
method: 'placement.bindEvent',
params: {
PLACEMENT: 'BackgroundCallCard::dialpadButtonClick',
HANDLER: '**your_handler_url_here**',
},
requestId: B24Js.Text.getUuidRfc4122()
})
// The payload is available only on a successful response
if (!response.isSuccess) {
console.error(response.getErrorMessages().join('; '))
return
}
const result = response.getData().result
console.info('Event binding registered:', result)
} catch (error) {
// Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
console.error(error)
}
}
document.addEventListener('DOMContentLoaded', bindDialpadButtonClick)
</script>
try {
$response = $b24Service
->core
->call(
'placement.bindEvent',
[
'PLACEMENT' => 'BackgroundCallCard::dialpadButtonClick',
'HANDLER' => '**your_handler_url_here**'
]
);
$result = $response
->getResponseData()
->getResult();
echo 'Success: ' . print_r($result, true);
processData($result);
} catch (Throwable $e) {
error_log($e->getMessage());
echo 'Error: ' . $e->getMessage();
}
BX24.callMethod(
'placement.bindEvent',
{
PLACEMENT: 'BackgroundCallCard::dialpadButtonClick',
HANDLER: '**your_handler_url_here**'
},
function(result)
{
if (result.error())
{
console.error(result.error(), result.error_description());
}
else
{
console.log(result.data());
}
}
);
require_once('crest.php');
$result = CRest::call(
'placement.bindEvent',
[
'PLACEMENT' => 'BackgroundCallCard::dialpadButtonClick',
'HANDLER' => '**your_handler_url_here**'
]
);
echo '<PRE>';
print_r($result);
echo '</PRE>';